加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

用css添加手状样式,鼠标移上去变小手等显示效果

(2016-12-12 15:33:43)
分类: dede织梦

  今天在做一网页时,用 td 背景做的图需要加一个链接,那只能在 td 外加 A 标记了,这样一来,将鼠标移到单元格时,虽然链接有效,但却是默认的箭头,不能变成小手。突然忘记小手的英文单词了,只要定义一下CSS样式就可以搞定了,今天再温习一下。

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

  cursor:pointer;

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

  onmouseover="this.style.cursor='hand'"

  [cc lang="css"]

  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

  在使用的时候只要将CSS应用相应的图标样式,就可以了。

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有