您的位置:首页 > Web前端 > CSS

改变鼠标样式

2007-04-17 14:03 309 查看
<img id=demo onmousedown=this.runtimeStyle.cursor="hand" onmouseout=this.runtimeStyle.cursor="">

可以使用以下鼠标光标式样。(例:style="cursor:progress")

auto:标准光标
default:标准箭头
hand:手形光标
pointer:手形光标
url:手形光标
uri:手形光标
progress:程序正在运行光标
wait:等待光标
text:I形光标
vertical-text:水平I形光标
no-drop:不可拖动光标
not-allowed:无效光标
help:?帮助光标
all-scroll:三角方向标
move:移动标
crosshair:十字标

cursor:url("mycursor.gif")

onmousemove=this.runtimeStyle.cursor="hand"

如何改变浏览者的鼠标形状,这是通过编辑样式表来实现的。

<Dreamweaver>具体方法是:选择“文字(text)->定制样式(CS S Style)->编辑样式表(Edit Style Sheet)”,弹出编辑样式表窗口,在其中选择“ 新建(new)”。接着选择“建立一个定制的样式(Make custom style),给这个样式表 起名,单击确定。编辑该样式表,选择扩展项(extension),在右边的光标项(Cursor)中 选择要出现的指针效果即可。

如何改变链接的鼠标形状只需在链接上加上这一代码就行的了或者跟上面的用CSS写也行

style="cursor:hand" style="cursor:crosshair"
style="cursor:text" style="cursor:wait"
style="cursor:move" style="cursor:help"
style="cursor:e-resize" style="cursor:n-resize"
style="cursor:nw-resize" style="cursor:w-resize"
style="cursor:s-resize" style="cursor:se-resize"
style="cursor:sw-resize"
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: