css鼠标箭头如何变成小手

最新推荐文章于 2024-10-10 16:40:22 发布

༄201

最新推荐文章于 2024-10-10 16:40:22 发布

阅读量1.1k

点赞数 1

文章标签： css

本文链接：https://blog.csdn.net/weixin_68606993/article/details/129558116

版权

文章介绍了如何使用CSS的`cursor`属性设置手状鼠标样式，如`pointer`和`hand`，以及通过JavaScript的`onmouseover`事件改变鼠标样式。同时列举了多种不同的`cursor`取值，包括`wait`、`text`、`help`等，展示了各种交互行为的视觉反馈效果。

摘要由CSDN通过智能技术生成

用css 添加手状样式,鼠标移上去变小手,变小手
cursor:pointer;

用JS使鼠标变小手onmouseover(鼠标越过的时候)
οnmοuseοver="this.style.cursor='hand'"

cursor其他取值
auto ：标准光标
default ：标准箭头
pointer, hand ：手形光标
wait ：等待光标
text ：I形光标
vertical-text ：水平I形光标
no-drop ：不可拖动光标
not-allowed ：无效光标
help ：帮助光标
all-scroll ：三角方向标
move ：移动标
crosshair ：十字标
e-resize
n-resize
nw-resize
w-resize
s-resize
se-resize
sw-resize