用css控制鼠标样式
2013-04-21 20:20
411 查看
用css控制鼠标样式的语法如下:
<span style="cursor:*">内容</span>
* 可以换成16个效果(鼠标移上去显示效果):
hand 是手型
pointer 也是手型,推荐使用这种,支持多种浏览器。
crosshair 是十字型
move 十字箭头
col-resize 左右两个箭头,中间由竖线分隔开
col-resize 上下两个箭头,中间由横线分隔开
no-drop 被斜线贯穿的圆圈
text 是移动到文本上的那种效果
wait 是等待的那种效果
default 是默认效果
help 是问号
e-resize 是向右的箭头
ne-resize 是向右上的箭头
n-resize 是向上的箭头
nw-resize 是向左上的箭头
w-resize 是向左的箭头
sw-resize 是左下的箭头
s-resize 是向下的箭头
se-resize 是向右下的箭头
auto 是由系统自动给出效果
<span style="cursor:*">内容</span>
* 可以换成16个效果(鼠标移上去显示效果):
hand 是手型
pointer 也是手型,推荐使用这种,支持多种浏览器。
crosshair 是十字型
move 十字箭头
col-resize 左右两个箭头,中间由竖线分隔开
col-resize 上下两个箭头,中间由横线分隔开
no-drop 被斜线贯穿的圆圈
text 是移动到文本上的那种效果
wait 是等待的那种效果
default 是默认效果
help 是问号
e-resize 是向右的箭头
ne-resize 是向右上的箭头
n-resize 是向上的箭头
nw-resize 是向左上的箭头
w-resize 是向左的箭头
sw-resize 是左下的箭头
s-resize 是向下的箭头
se-resize 是向右下的箭头
auto 是由系统自动给出效果
相关文章推荐
- css控制鼠标样式
- CSS控制鼠标样式
- 【CSS控制鼠标样式cursor】
- js和css控制鼠标略过和点击后的样式
- 样式CSS控制鼠标形状的问题
- CSS控制鼠标样式
- css控制表格样式 鼠标经过变色效果
- css 控制鼠标显示样式示例
- CSS样式设置(鼠标经过表格变色和控制表格隔行变色和添加CSS文件引用)
- css鼠标样式控制
- css 控制鼠标显示样式
- 用css控制鼠标样式
- Html(css)样式控制浏览器的兼容性问题的相关教程
- css cursor 的可选值(鼠标的各种样式)
- 【HTML】改变鼠标样式图片css
- JS+CSS控制左右切换鼠标可控的无缝图片滚动代码
- 如何实现控制input的CSS但不影响CheckBox以及Radio的样式
- [CSS]cursor鼠标样式
- jsp,html页面鼠标小手样式控制(要不要小手)
- css cursor鼠标指针光标样式default pointer hand url