js改变鼠标指针外观,html改变鼠标指针形状

  js改变鼠标指针外观,html改变鼠标指针形状

  本教程运行环境:windows7系统,javascript1.8.5版本1.8.5,戴尔G3电脑。

  JavaScript中改变鼠标指针样式的方法

  在js中,我们可以通过style对象的cursor属性来设置鼠标指针的样式,例如

  var body=document . query selector( body )

  Body.style.cursor=move 上面的代码实现了页面打开后,鼠标的指针被替换成十字样式。其实有很多种风格,如下图所示。

  通过cursor属性,我们还可以用自定义图片替换指针,如下所示

  obox1.onmousemove=function(){

  this.style.cursor=url(./favicon.ico),auto ;

  }需要注意的是,url中的图片只支持中的图片。诅咒和。ico格式。这里推荐一个在线生成ico格式的网站。点击此处跳转。

  url后自动可以自己设置。当被替换图片的路径错误或格式错误而没有找到时,鼠标指针会使用该样式。

  【推荐学习:javascript高级教程】以上是JavaScript如何改变鼠标指针样式的细节。更多请关注我们的其他相关文章!

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

相关文章阅读

  • vue监听指定按钮加点击事件,vue按钮点击事件,vue双击事件2.0事件监听(点击-双击-鼠标事件)和事件修饰符操作
  • js鼠标触碰事件,js鼠标事件包括哪几种
  • js鼠标触碰事件,js鼠标事件包括哪几种,关于js中的鼠标事件总结
  • js鼠标拖动div,js 移动鼠标
  • js鼠标拖动div,js 移动鼠标,JS实现简单移动端鼠标拖拽
  • js怎么实现点击按钮图片切换,js鼠标点击按钮图片移动
  • js怎么实现点击按钮图片切换,js鼠标点击按钮图片移动,js鼠标点击图片切换效果代码分享
  • js小球跟随鼠标移动,js鼠标跟随特效
  • js小球跟随鼠标移动,js鼠标跟随特效,js实现鼠标跟随小游戏
  • jquery鼠标悬停二级菜单,jquery鼠标悬停按钮切换图片
  • jquery鼠标悬停二级菜单,jquery鼠标悬停按钮切换图片,jQuery实现鼠标悬停3d菜单展开动画效果
  • html鼠标特效代码,html鼠标特效
  • html鼠标特效代码,html鼠标特效,10个经典的网页鼠标特效代码
  • win7鼠标滚轮上下失灵,win7鼠标滚轮用不了
  • thinkpad usb口不能用 鼠标,thinkpad电脑怎么禁用触控
  • 留言与评论(共有 条评论)
       
    验证码: