js鼠标样式

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

你可能感兴趣的:(js)