A-A+

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

2013年11月09日 前端设计 评论 4 条 阅读 1,355 views 次

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

用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
[/code]

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

标签:

4 条留言  访客:4 条  博主:0 条

  1. 宿迁波仔博客

    不错,这个挺好的。

  2. PHP二次开发

    换个有头像的。

  3. PHP二次开发

    我也来了

  4. 罗胜

    夏日我来坐下沙发,顺便帮你戳一下友荐。

给我留言