本文目录一览：
- 1、JS动态该表鼠标样式，鼠标放在图片上，鼠标指针变成放大镜形状
- 2、js css 自定义鼠标的样式
- 3、javascript 改变鼠标样式
- 4、JS 或者Jquery怎么实现：点击一个按钮之后鼠标样式改变，然后单击一次之后变回正常形状
JS动态该表鼠标样式，鼠标放在图片上，鼠标指针变成放大镜形状
可以使用css来控制
.class {
cursor:url(‘路径’),auto;
}
cursor是支持自定义图标的
你只要定义该元素的样式，给定路径后，就可以加载。
不过要注意的是，考虑到IE的兼容性问题，最好使用ico或cur格式的文件，分辨率最好是32×32
js css 自定义鼠标的样式
html
body
p请把鼠标移动到单词上，可以看到鼠标指针发生变化：/p
span style=”cursor:auto”
Auto/spanbr /
span style=”cursor:crosshair”
Crosshair/spanbr /
span style=”cursor:default”
Default/spanbr /
span style=”cursor:pointer”
Pointer/spanbr /
span style=”cursor:move”
Move/spanbr /
span style=”cursor:e-resize”
e-resize/spanbr /
span style=”cursor:ne-resize”
ne-resize/spanbr /
span style=”cursor:nw-resize”
nw-resize/spanbr /
span style=”cursor:n-resize”
n-resize/spanbr /
span style=”cursor:se-resize”
se-resize/spanbr /
span style=”cursor:sw-resize”
sw-resize/spanbr /
span style=”cursor:s-resize”
s-resize/spanbr /
span style=”cursor:w-resize”
w-resize/spanbr /
span style=”cursor:text”
text/spanbr /
span style=”cursor:wait”
wait/spanbr /
span style=”cursor:help”
help/span
/body
/html
css3的代码
设置url还可以自定义图片
javascript 改变鼠标样式
不需要js，使用css就可以实现，定义单元格的样式如下：
td style=”cursor:hand”…/td
如果必须用js实现的话，可以给单元格添加mouseover和mouseout事件，然后使用
cellid.style.cursor = “hand”; 设置为手型
和
cellid.style.cursor = “default”; 恢复默认
cellid是单元格的id
JS 或者Jquery怎么实现：点击一个按钮之后鼠标样式改变，然后单击一次之后变回正常形状
直接修改元素的cursor属性呀！例如你要修改body的cursor属性
$(“button#1”).bind(‘click’,function(){
if($(“body”).css(‘cursor’)==’crosshair’){
(“body”).css(‘cursor’,’default’);
}else{
(“body”).css(‘cursor’,’crosshair’);
}
})
然后你要将这个鼠标样式应用到哪一个元素上，就修改这个元素的cursor就ok了
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/206930.html
微信扫一扫 
支付宝扫一扫 