一下是鼠标的各种样式测试代码,大家可以看下,选择需要的鼠标样式。不过不建议乱用,要符合大家的习惯。
代码如下:
<a href="http://" style="cursor: auto;">auto</a><br/>
02 <a href="http://" style="cursor: crosshair ">crosshair </a><br/>
03 <a href="http://" style="cursor: default ">default </a><br/>
04 <a href="http://" style="cursor: hand ">hand </a><br/>
05 <a href="http://" style="cursor: move ">move </a><br/>
06 <a href="http://" style="cursor: e-resize ">e-resize </a><br/>
07 <a href="http://" style="cursor: ne-resize ">ne-resize </a><br/>
08 <a href="http://" style="cursor: nw-resize">nw-resize</a><br/>
09 <a href="http://" style="cursor: n-resize">n-resize</a><br/>
10 <a href="http://" style="cursor: se-resize">se-resize</a><br/>
11 <a href="http://" style="cursor: sw-resize">sw-resize</a><br/>
12 <a href="http://" style="cursor: s-resize">s-resize</a><br/>
13 <a href="http://" style="cursor: w-resize">w-resize</a><br/>
14 <a href="http://" style="cursor: text">text</a><br/>
15 <a href="http://" style="cursor: wait">wait</a><br/>
16 <a href="http://" style="cursor: help">help</a><br/>
17 IE6支持的
18 <a href="http://" style="cursor: pointer">pointer</a><br/>
19 <a href="http://" style="cursor: progress">progress</a><br/>
20 <a href="http://" style="cursor: not-allowed">not-allowed</a><br/>
21 <a href="http://" style="cursor: no-drop">no-drop</a><br/>
22 <a href="http://" style="cursor: vertical-text">vertical-text</a><br/>
23 <a href="http://" style="cursor: all-scroll">all-scroll</a><br/>
24 <a href="http://" style="cursor:col-resize">col-resize</a><br/>
25 <a href="http://" style="cursor: row-resize">row-resize</a><br/>
26 <a href="http://" style="cursor: url(*.cur)">自定义鼠标指针(请替换成相应的文件):*.cur</a><br/>
27 <a href="http://" style="cursor: url(*.ani)">自定义鼠标指针(请替换成相应的文件):*.ani</a><br/>
提示:您可以先修改部分代码再运行