常用的鼠标样式设置以及鼠标的系统样式调用方法

收藏本信息编号：450 发布时间：2010-01-29 截止日期：地区：

写法：<body style="cursor:mouse_style">

——其中tag是标签名，
mouse_style就是鼠标样式，
如hand/crosshair/text/wait等等。
下面是各样式的大致含义。
hand：是大家所熟悉的手型。
crosshair：是十字型。
text：是平时鼠标移动到文本上的样式。
wait：是等待的效果。
default：是默认的那种效果。
help：是带问号的鼠标样式。
e-resize：是向右的箭头。
ne-resize：是向右上方的箭头。
n-resize：是向上的箭头。
nw-resize：是向左上方的箭头。
w-resize：是向左的箭关。
sw-resize：是向左下的箭头。
s-resize：是向下的箭头。
se-resize：是向右下方的箭头。
auto：是系统自动的效果。

代码分别是如下：
<body style="cursor:hand">hand：是大家所熟悉的手型。</body>

<body style="cursor:crosshair">crosshair：是十字型。</body>

<body style="cursor:text">text：是平时鼠标移动到文本上的样式。</body>

<body style="cursor:wait">wait：是等待的效果。</body>

<body style="cursor:default">default：是默认的那种效果。</body>

<body style="cursor:help">help：是带问号的鼠标样式。</body>

<body style="cursor:e-resize">e-resize：是向右的箭头。</body>

<body style="cursor:ne-resize">ne-resize：是向右上方的箭头。</body>

<body style="cursor:n-resize">n-resize：是向上的箭头。</body>

<body style="cursor:nw-resize">nw-resize：是向左上方的箭头。</body>

<body style="cursor:w-resize">w-resize：是向左的箭关。</body>

<body style="cursor:sw-resize">sw-resize：是向左下的箭头。</body>

<body style="cursor:s-resize">s-resize：是向下的箭头。</body>

<body style="cursor:se-resize">se-resize：是向右下方的箭头。</body>

<body style="cursor:auto">auto：是系统自动的效果。</body>

当然根据需要你也可以将样式应用于其它标签，或者单纯的只应用于某一段文本。如果你想在不同的位置运用不同的鼠标样式，或者不同的标签使用不同的鼠标样式（比如对在页面当中某些特定的地方时的鼠标样式进行改动），则直接将此样式写在此具体的标签里边就可以了。

◆方法：
——把原语句<tag style="cursor:mouse_style">中的mouse_style字段换成 url('地址')(中间的部分)
——注意地址和括号之间有引号哦:D
——至于这个地址，随便是goo是bai，有关鼠标样式的相关list就满天飞舞，能多到把人看到眼睛都废掉o(#T_T#)o……

◆说明：

1、你找来的地址，后缀名有**.cur的，还有**.ico的，和**.ani的．

2、我们这里举例改动的只是鼠标移动时的指针样式(另外还如果有兴趣可以试试改变接触链接时的指针样式，此时tag也会需要作相应的变化)。

后缀名为**.ico 的为静态
后缀名为**.cur 的为静态
后缀名为**.ani 的为动画
。。。其他的可以自己实验很多的方式
或者直接搜索一下反正网上的代码不会少的