鼠标显示效果的形状设置

(一)

<style type="text/css">
<!--
span {display:block;line-height:30px;margin:5px 0;background:#f0f0f0;text-align:center;}
-->
</style>

<span style="cursor:*;">*型形状</span>

(二)

<span style="cursor:*">文本或其它页面元素</span>
把 * 换成如下15个效果的一种:

下面是对这15种效果的解释。移动鼠标到解释上面,起了变化!
hand是手型
pointer也是手型,这里推荐使用这种,因为这可以在多种浏览器下使用。
crosshair是十字型
text是移动到文本上的那种效果
wait是等待的那种效果
default是默认效果
help是问号
e-resize是向右的箭头
ne-resize是向右上的箭头
n-resize是向上的箭头
nw-resize是向左上的箭头
w-resize是向左的箭头
sw-resize是左下的箭头
s-resize是向下的箭头
se-resize是向右下的箭头
auto是由系统自动给出效果

move 移动

 

posted @ 2017-02-24 13:11  彼岸辰星  阅读(272)  评论(0编辑  收藏  举报