用css改变鼠标显示

xiehxiongf217

xiehxiongf217

2016-02-19 20:22

有了下面这个用css改变鼠标显示教程,不懂用css改变鼠标显示的也能装懂了,赶紧get起来装逼一下吧!

一般而言,鼠标以斜向上的箭头显示,移到文本上时变为有头的竖线,移到超级链接上变为手型。但用css可控制鼠标的显示效果,如可使鼠标移到普通文本上也显示成手型。

用css控制的语法如下:

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

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种效果的解释。移动鼠标到解释上面,看看你的鼠标起了什么变化吧!

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

hand是手型
crosshair是十字型
text是移动到文本上的那种效果
wait是等待的那种效果
default是默认效果
help是问号
e-size是向右的箭头
ne-resize是向右上的箭头
n-resize是向上的箭头
nw-resize是向左上的箭头
w-resize是向左的箭头
sw-resize是左下的箭头
s-resize是向下的箭头
se-resize是向右下的箭头
auto是由系统自动给出效果

展开更多 50%)
分享

猜你喜欢

用css改变鼠标显示

Web开发
用css改变鼠标显示

如何用CSS层叠样式表控制鼠标显示的样式

Web开发
如何用CSS层叠样式表控制鼠标显示的样式

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

巧用CSS改变鼠标的样式

Web开发
巧用CSS改变鼠标的样式

巧妙运用CSS立刻改变鼠标的样式

Web开发
巧妙运用CSS立刻改变鼠标的样式

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Css改变鼠标形状的15种效果代码

Web开发
Css改变鼠标形状的15种效果代码

巧妙运用CSS样式表立刻改变鼠标的样式

Web开发
巧妙运用CSS样式表立刻改变鼠标的样式

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

无信号输入 拯救显示器的方法

无信号输入 拯救显示器的方法

C++数据结构学习:事件驱动模拟

C++数据结构学习:事件驱动模拟
下拉加载更多内容 ↓