设为首页 | 加入收藏 | 联系我们
网站首页播放器图片素材留言代码免费物品皮肤代码大图模块flash模块个性签名QQ头像QQ表情非主流图片播放器音乐
当前位置:校内网代码 » 最全的校内网鼠标代码

最全的校内网鼠标代码

http://www.qqkjc.com QQ空间厂 发布时间:08-02-05 阅读次数:
将本文收藏到: 百度搜藏 新浪ViVi QQ书签 和讯网摘

◆如何实现鼠标的不同样式?方法是:

——在涂鸦板中写入:

<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:这些语句当中“★&#8226;&#8226;&#8226;★;”中间纯属说明性质,添加到涂鸦版里面的时候不要说明部分

◆ 〓★进阶★〓◆

◆把鼠标变得再复杂一些——当然也会好看些啦

◆方法:

<body style="cursor:url(' 鼠标样式的链接地址')"></body>

——注意:鼠标样式的链接地址,有单引号‘’

——至于这个‘鼠标样式的链接地址’,随便是google是baidu,有关★鼠标样式★的相关list就满天飞舞

◆说明:

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

2、我们这里举例改动的只是鼠标移动时的指针样式(另外还如果有兴趣可以试试改变接触链接时的指针样式)。

后缀名为**.ico 的为静态

后缀名为**.cur 的为静态

后缀名为**.ani 的为动画

具体例子,使用群里面的鼠标样式共享的第一个,烧瓶样式<body style="cursor:url(' http://img.qqtuya.com/photos/51/602/orig86384.ani ')"></body>