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

您所在的位置:网站首页 前端鼠标变成小手 用css 添加手状样式,鼠标移上去变小手,变小手

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

2024-07-14 10:20| 来源: 网络整理| 查看: 265

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

方式一、cursor:pointer;

  cursor:hand 与 cursor:pointer 的效果是一样的,都像光标指向链接一样,光标变成手行。 

cursor:hand :IE完全支持。但是在firefox是不支持的,没有效果。 cursor:pointer :是CSS2.0的标准。所以firefox是支持的,但是IE5.0既之前版本不支持。IE6开始支持。 

结论:还是用 cursor:pointer 来的方便 

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

方式二、 

href="javascript:void(0)"  或者 href="#"   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    


【本文地址】


今日新闻


推荐新闻


    CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3