各种MOUSE鼠标形状的表示方法
2016-06-22来源:易贤网

一下是鼠标的各种样式测试代码,大家可以看下,选择需要的鼠标样式。不过不建议乱用,要符合大家的习惯。

代码如下:

<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/>

提示:您可以先修改部分代码再运行

推荐信息