美文网首页程序员
改变浏览者的鼠标型状

改变浏览者的鼠标型状

作者: 培训机构 | 来源:发表于2016-12-12 18:50 被阅读7次

改变浏览者的鼠标型状

怎么我的鼠标变了?在网上经常有很多网站,在进去后,你的鼠标指针会变成一个小图片指针,你可能觉得很奇怪吧。

要实现这个效果很容易,只需在你的网页文件的之间加上:

style type="text/css"

!--

body {CURSOR: url('mouse.ani')}

--

/style

当然你需要找到一个你想用的鼠标指针文件,可以打开你的系统盘的windows/cursors文件夹找一个(当然更可爱的鼠标指针,你可以从网上下载),把你选中的指针文件上传到你的网站上去,例如你选定的是mouse.ani文件,把mouse.ani文件上传到你的网站就可以了。

HTML5培训机构介绍,本站现提供一个,把下面代码COPY到你的网站就可以了:

body style="cursor: url('http://www.tf-studio.com/images/mouse.ani')"

动画效果的是*.ani文件, 静态的是*.cur文件。

注:上面红色的代码是CSS代码,作用是改变鼠标型状:CURSOR:

url('mouse.ani'),你可以把它加到原有的CSS代码中去,没有必要放完整的代码加进去的。当然你还可以这样做的,在其它标签上加上:CURSOR:

url('mouse.ani')的,如:td{CURSOR: url('mouse.ani')},A{CURSOR:

url('mouse.ani')}等。

你也可以使用CSS的默认鼠标。

相关文章

  • 改变浏览者的鼠标型状

    改变浏览者的鼠标型状 怎么我的鼠标变了?在网上经常有很多网站,在进去后,你的鼠标指针会变成一个小图片指针,你可能觉...

  • 表格

    基本表格 带边框表格 鼠标悬停表格 条纹状表格 紧缩型表格 ...

  • HTML鼠标事件中clientX,screenX,offsetX

    clientX 鼠标相对于浏览器左上角x轴的坐标,不随滚动条滚动而改变。 clientY 鼠标相对于浏览器左上角y...

  • JS面试题-记录

    禁止鼠标右键contextmenu 是当浏览者按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发的事件...

  • 王远红中原焦点秦皇岛站第5期每日分享第292天2021年9月23

    来访者类型: 游客型:认为不需要改变,非自愿来访者。 抱怨型:认为需要改变,但是是别人需要改变。 消费型:认为自己...

  • 从观察者模式到手写EventEmitter源码

    观察者模式 观察者模式(observer)广泛的应用于javascript语言中,浏览器事件(如鼠标单击click...

  • React 事件-pointer

    简介 1 .早期的浏览器,只存在鼠标事件.MouseEvent,后来手机和平板电脑,交互方式发生了改变.引入Tou...

  • js事件

    事件:就是网页浏览者或者浏览器所作出的某些操作 如点击鼠标 敲击键盘 刷新页面事件处理程序 所谓事件处理程序就是...

  • js 拖拽

    e.clientX:指鼠标距离浏览器左边的距离e.clientY:指鼠标距离浏览器上边的距离 div.offset...

  • 2020-07-19 cursor:pointer 设置CSS鼠

    cursor规则:设定网页浏览时用户鼠标指针的样式,也就是鼠标的图形形状 cursor:pointer设定鼠标的形...

网友评论

    本文标题:改变浏览者的鼠标型状

    本文链接:https://www.haomeiwen.com/subject/kgzmmttx.html