鼠标 小手

来源:互联网 发布:淘宝2元充值话费 编辑:程序博客网 时间:2024/06/02 11:42
今天调试页面发现放大按钮的图片onmose的时候鼠标状态没有变成手行,于是查了下,原来问题出在FF浏览器兼容问题!顺便发下解决方案,及 cursor:hand 与 cursor:pointer 的区别!
cursor:hand 与 cursor:pointer 的效果是一样的,都像光标指向链接一样,光标变成手行。
cursor:hand :IE完全支持。但是在firefox是不支持的,没有效果。
cursor:pointer :是CSS2.0的标准。所以firefox是支持的,但是IE5.0既之前版本不支持。IE6开始支持。

结论:还是用 cursor:pointer 比较好用!


                             IE5    IE6    IE7    Firefox
cursor:pointer       ×           √     √         √

cursor:hand         √           √      √         ×


用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


原创粉丝点击