CSS控制鼠标形状
2009-04-08 17:34
441 查看
CSS控制鼠标形状
在网页上,鼠标平时呈箭头形,指向链接时成为手形,等待网页下载时成为沙漏形……这似乎是约定俗成的。虽然这样的设计能使我们知道浏览器现在的状态或是可以做什么,但这些好像还不能完全地满足我们的需要。就拿链接来说,可以是指向一个帮助文件,也可以是向前进一页或是向后退一页,针对如此多的功能光靠千篇一律的手形鼠标是不能说明问题的。值得庆幸的是,CSS提供了多达13种的鼠标形状,供我们选择。
基本格式如下:
cursor:鼠标形状参数
CSS鼠标形状参数表:
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" 左下箭头形
还可以自定义鼠标样式,这样鼠标这成你要的图了
style="CURSOR: url(http://image2.sina.com.cn/gm/ol/cross/mouse/arrow40.cur)"
在网页上,鼠标平时呈箭头形,指向链接时成为手形,等待网页下载时成为沙漏形……这似乎是约定俗成的。虽然这样的设计能使我们知道浏览器现在的状态或是可以做什么,但这些好像还不能完全地满足我们的需要。就拿链接来说,可以是指向一个帮助文件,也可以是向前进一页或是向后退一页,针对如此多的功能光靠千篇一律的手形鼠标是不能说明问题的。值得庆幸的是,CSS提供了多达13种的鼠标形状,供我们选择。
基本格式如下:
cursor:鼠标形状参数
CSS鼠标形状参数表:
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" 左下箭头形
还可以自定义鼠标样式,这样鼠标这成你要的图了
style="CURSOR: url(http://image2.sina.com.cn/gm/ol/cross/mouse/arrow40.cur)"
相关文章推荐
- css对鼠标形状的控制!
- CSS四:背景、列表、超链接伪类、鼠标形状控制属性
- CSS控制鼠标形状
- CSS控制鼠标形状
- css控制鼠标形状
- CSS控制鼠标形状
- 网页中用CSS控制鼠标形状
- CSS控制鼠标形状
- 样式CSS控制鼠标形状的问题
- css 控制鼠标显示样式
- css 控制鼠标显示效果
- html css鼠标样式,鼠标形状
- 使用css改变鼠标的显示形状
- css改变鼠标形状
- jQuery事件 mouseover方法与mouseout方法实现鼠标移进显示移出消失的效果 (css控制span标签)
- JS+CSS控制鼠标移上图片滑出文字提示代码
- JavaScript控制改变鼠标的形状
- CSS鼠标形状
- css控制,鼠标移动到DIV层上,更换背景色颜色,兼容IE6,IE7,FF
- css鼠标移动形状