使用javascript的onclick,onmouseover等触发事件作为链接点击操作时,电脑浏览的光标都是I字型,文本浏览效果,感觉不大好,如果换成点击光标,即手指点击型,会更容易提醒,这是一个可点击项。

实现这个,可以用到CSS的cursor属性。

以下是鼠标光标为手指点击型的CSS:

cursor:pointer;

刚开始,试用了cursor:hand;,不过兼容性似乎不大好,360,UC都不支持,改成pointer就可以正常显示。如果你正在用电脑,可以测试下这个:这不是链接

把上面的CSS添加到需要实现部位的CSS样式里

鼠标光标

更多属性值如下:

default默认光标(通常是一个箭头)
auto默认。浏览器设置的光标。
crosshair光标呈现为十字线。
pointer光标呈现为指示链接的指针(一只手)
move此光标指示某对象可被移动。
e-resize此光标指示矩形框的边缘可被向右(东)移动。
ne-resize此光标指示矩形框的边缘可被向上及向右移动(北/东)。
nw-resize此光标指示矩形框的边缘可被向上及向左移动(北/西)。
n-resize此光标指示矩形框的边缘可被向上(北)移动。
se-resize此光标指示矩形框的边缘可被向下及向右移动(南/东)。
sw-resize此光标指示矩形框的边缘可被向下及向左移动(南/西)。
s-resize此光标指示矩形框的边缘可被向下移动(北/西)。
w-resize此光标指示矩形框的边缘可被向左移动(西)。
text此光标指示文本。
wait此光标指示程序正忙(通常是一只表或沙漏)。
help此光标指示可用的帮助(通常是一个问号或一个气球)。

详细可参考:http://www.w3school.com.cn/jsref/prop_style_cursor.asp

全文完