js css 自定义鼠标的样式

JavaScript09

js css 自定义鼠标的样式,第1张

<html>

<body>

<p>请把鼠标移动到单词上,可以看到鼠标指针发生变化:</p>

<span style="cursor:auto">

Auto</span><br />

<span style="cursor:crosshair">

Crosshair</span><br />

<span style="cursor:default">

Default</span><br />

<span style="cursor:pointer">

Pointer</span><br />

<span style="cursor:move">

Move</span><br />

<span style="cursor:e-resize">

e-resize</span><br />

<span style="cursor:ne-resize">

ne-resize</span><br />

<span style="cursor:nw-resize">

nw-resize</span><br />

<span style="cursor:n-resize">

n-resize</span><br />

<span style="cursor:se-resize">

se-resize</span><br />

<span style="cursor:sw-resize">

sw-resize</span><br />

<span style="cursor:s-resize">

s-resize</span><br />

<span style="cursor:w-resize">

w-resize</span><br />

<span style="cursor:text">

text</span><br />

<span style="cursor:wait">

wait</span><br />

<span style="cursor:help">

help</span>

</body>

</html>

css3的代码

设置url还可以自定义图片

不需要js,使用css就可以实现,定义单元格的样式如下:

<td style="cursor:hand">...</td>

如果必须用js实现的话,可以给单元格添加mouseover和mouseout事件,然后使用

cellid.style.cursor = "hand"设置为手型

cellid.style.cursor = "default"恢复默认

cellid是单元格的id