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

最新推荐文章于 2024-07-08 09:04:23 发布

原创最新推荐文章于 2024-07-08 09:04:23 发布 · 3.6k 阅读

1 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

5 篇文章

订阅专栏

本文详细介绍了如何使用CSS和JavaScript设置鼠标的样式效果，包括手形光标和其他多种光标样式。通过简单的代码示例，读者可以了解到不同光标样式的应用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

cursor:pointer;

用JS使鼠标变小手onmouseover(鼠标越过的时候)

onmouseover="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