A-A+

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

2013年11月09日 编程技术 暂无评论

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

用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应用相应的图标样式,就可以了。

标签:

给我留言