本文目录一览:
- 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了