本文目录一览：
- 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
Auto/spanbr /
span
Crosshair/spanbr /
span
Default/spanbr /
span
Pointer/spanbr /
span
Move/spanbr /
span
e-resize/spanbr /
span
ne-resize/spanbr /
span
nw-resize/spanbr /
span
n-resize/spanbr /
span
se-resize/spanbr /
span
sw-resize/spanbr /
span
s-resize/spanbr /
span
w-resize/spanbr /
span
text/spanbr /
span
wait/spanbr /
span
help/span
/body
/html
css3的代码
设置url还可以自定义图片
javascript 改变鼠标样式
不需要js，使用css就可以实现，定义单元格的样式如下：
td .../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://my.lmcjl.com/post/18674.html
4 评论