【JavaScript】js鼠标样式

来源:互联网 发布:mac os10.12 硬件要求 编辑:程序博客网 时间:2024/05/22 06:14

hand:是大家所熟悉的手型。
crosshair:是十字型,就是小乌龟首页所用的样式。
text:是平时鼠标移动到文本上的样式。
wait:是等待的效果。
default:是默认的那种效果。
help:是带问号的鼠标样式。
e-resize:是向右的箭头。
ne-resize:是向右上方的箭头。
n-resize:是向上的箭头。
nw-resize:是向左上方的箭头。
w-resize:是向左的箭关。
sw-resize:是向左下的箭头。
s-resize:是向下的箭头。
se-resize:是向右下方的箭头。
auto:是系统自动的效果。

 <span style="cursor:hand">hand:是大家所熟悉的手型。</span><br>

注:上面那个火狐是不支持的,请使用这一个:<spanstyle="cursor:pointer;">hand:是大家所熟悉的手型。</span><br>
<span style="cursor:crosshair">crosshair:是十字型,就是小乌龟首页所用的样式。</span><br>
<span style="cursor:text">text:是平时鼠标移动到文本上的样式。</span><br>
<span style="cursor:wait">wait:是等待的效果。</span><br>
<span style="cursor:default">default:是默认的那种效果。</span><br>
<span style="cursor:help">help:是带问号的鼠标样式。</span><br>
<span style="cursor:e-resize">e-resize:是向右的箭头。</span><br>
<span style="cursor:ne-resize">ne-resize:是向右上方的箭头。</span><br>
<span style="cursor:n-resize">n-resize:是向上的箭头。</span><br>
<span style="cursor:nw-resize">nw-resize:是向左上方的箭头。</span><br>
<span style="cursor:w-resize">w-resize:是向左的箭关。</span><br>
<span style="cursor:sw-resize">sw-resize:是向左下的箭头。</span><br>
<span style="cursor:s-resize">s-resize:是向下的箭头。</span><br>
<span style="cursor:se-resize">se-resize:是向右下方的箭头。</span><br>
<span style="cursor:auto">auto:是系统自动的效果。</span>
</body>

0 0
原创粉丝点击