用css改变鼠标显示
2013-10-13 21:43
239 查看
一般而言,鼠标以斜向上的箭头显示,移到文本上时变为有头的竖线,移到超级链接上变为手型。但用css可控制鼠标的显示效果,如可使鼠标移到普通文本上也显示成手型。
用css控制的语法如下:
<span style="cursor:*">文本或其它页面元素</span>
把 * 换成如下15个效果的一种:
hand、crosshair、text、wait、default、help、e-resize、ne-resize、n-resize、nw-resize、w-resize、sw-resize、s-resize、se-resize和auto。
下面是对这15种效果的解释。移动鼠标到解释上面,看看你的鼠标起了什么变化吧!
hand是手型
crosshair是十字型
text是移动到文本上的那种效果
wait是等待的那种效果
default是默认效果
help是问号
e-resize是向右的箭头
ne-resize是向右上的箭头
n-resize是向上的箭头
nw-resize是向左上的箭头
w-resize是向左的箭头
sw-resize是左下的箭头
s-resize是向下的箭头
se-resize是向右下的箭头
auto是由系统自动给出效果
用css控制的语法如下:
<span style="cursor:*">文本或其它页面元素</span>
把 * 换成如下15个效果的一种:
hand、crosshair、text、wait、default、help、e-resize、ne-resize、n-resize、nw-resize、w-resize、sw-resize、s-resize、se-resize和auto。
下面是对这15种效果的解释。移动鼠标到解释上面,看看你的鼠标起了什么变化吧!
hand是手型
crosshair是十字型
text是移动到文本上的那种效果
wait是等待的那种效果
default是默认效果
help是问号
e-resize是向右的箭头
ne-resize是向右上的箭头
n-resize是向上的箭头
nw-resize是向左上的箭头
w-resize是向左的箭头
sw-resize是左下的箭头
s-resize是向下的箭头
se-resize是向右下的箭头
auto是由系统自动给出效果
相关文章推荐
- 使用css改变鼠标的显示形状
- 用css改变鼠标显示
- 用CSS来改变网页鼠标显示样式的方法
- 用CSS改变鼠标显示
- 用css改变鼠标显示
- css改变鼠标显示形状代码
- JS+CSS实现感应鼠标渐变显示DIV层的方法
- 用css改变鼠标选中文字的样式
- 使用CSS实现鼠标悬停在一行上,显示某些元素
- opencv--用鼠标动态改变显示图像窗口大小
- CSS 超长文本的隐藏和鼠标覆盖后显示
- CSS改变simditor代码区间的默认显示样式和自动换行
- CSS实现DIV感应鼠标Hover时的显示隐藏效果
- CSS鼠标悬浮DIV后显示DIV外的按钮
- MFC 学习之 鼠标移动到Toolbar按钮上显示提示信息(tooltip),状态栏也随之改变
- CSS 鼠标选中文字后改变背景色的实现代码
- 鼠标指向表格中的一行时,该行背景色改变;点击行时,突出显示标记颜色
- Css cursor设置鼠标指针显示样式
- css 控制鼠标显示样式
- 鼠标隐藏和显示改变光标