|
如何实现鼠标的不同样式？方法是：
——在涂鸦板中写入：
<body style="鼠标样式"></body>
◆下面是各样式的大致含义。
hand：是大家所熟悉的手型。
crosshair：是十字型。
text：是平时鼠标移动到文本上的样式。
wait：是等待的效果。
default：是默认的那种效果。
help：是带问号的鼠标样式。
e-resize：是向右的箭头。
ne-resize：是向右上方的箭头。
n-resize：是向上的箭头。
nw-resize：是向左上方的箭头。
w-resize：是向左的箭关。
sw-resize：是向左下的箭头。
s-resize：是向下的箭头。
se-resize：是向右下方的箭头。
auto：是系统自动的效果。
◆当然根据需要你也可以将样式应用于其它标签，或者单纯的只应用于某一段文本。如果你想在不同的位置运用不同的鼠标样式，或者不同的标签使用不同的鼠标样式（比如对在页面当中某些特定的地方时的鼠标样式进行改动），则直接将此样式写在此具体的标签里边就可以了。
——但这是对于制作网页而言了，这儿多只需要改变一种或顶多两三种。
◆下面举出具体的实例以方便大家对鼠标样式进行设置。
◆因为在这里通常是把它写入<body></body>里面，所以这里用<body>来具体说明
<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>
◆PS：这些语句当中“★•••★;”中间纯属说明性质，添加到涂鸦版里面的时候不要说明部分
◆ 〓★进阶★〓◆
◆把鼠标变得再复杂一些——当然也会好看些啦
◆方法：
<body style="cursor:url(' 鼠标样式的链接地址')"></body>
——注意：鼠标样式的链接地址，有单引号‘’
——至于这个‘鼠标样式的链接地址’，随便是google是baidu，有关★鼠标样式★的相关list就满天飞舞
◆说明：
1、你找来的地址，后缀名有**.cur的，还有**.ico的，和**.ani的．
2、我们这里举例改动的只是鼠标移动时的指针样式(另外还如果有兴趣可以试试改变接触链接时的指针样式)。
后缀名为**.ico 的为静态
后缀名为**.cur 的为静态
后缀名为**.ani 的为动画
具体例子，使用群里面的鼠标样式共享的第一个，烧瓶样式<body style="cursor:url(' http://img.xiaonei.com/photos/51/602/orig86384.ani ')"></body>
|
校内网CSS代码 
