收藏本站
设为首页
联系我们

首页 | 校内网CSS代码 | 男生校内网代码 | 女生校内网代码 | 校内网班群美化 | 校内网音乐代码 | 校内网挂件代码 | 校内网视频代码 | 校内网人气 | 校内网教程 | 校内网疑难问题 | 校内猫游记 | 校内网日志 | 校内网工具

当前位置:
首页 >> 校内网教程 >> 正文

改变鼠标样式

来源:www.xiaoneipk.com 点击数: 录入时间:07-11-01 21:31:55

如何实现鼠标的不同样式?方法是:
——在涂鸦板中写入:
        <tag 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></body>里面,所以这里用<body>来具体说明:D

<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:这些语句当中“★···★;”中间纯属说明性质的废话,请大家不要原封不动全贴到自己涂鸦板里去了,不然哦。。。可以自己试试^V^
◆〓★进阶★〓◆

【『提前说』:去baidu或google→输入“鼠标特效”/“鼠标样式”之类的关键词进行查找】

◆把鼠标变得再复杂一些——当然也会好看些啦——除非故意搞恶:D

◆方法:
——把原语句<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 的为动画

——这个是偶(正式投入→因为之前还试验了好些古怪式样:P)使用的第一个改动的鼠标~
<body style="cursor:url('http://lengku.net//index/mouse.ani')"></body>
——像一个奇怪的烧瓶。。。还是封口了的。。。

·上一篇文章:
·下一篇文章:
发送好友: | 加入收藏: 责任编辑:suyuntian 文章作者:佚名
发表评论
版权声明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有
本站部分文字、图片资料来自网络,版权归原作者所有.如果侵害了您的权益,请您来信告知,我们将在审核后24小时内删除该资料!xiaoneipk@163.com
转载
要求转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。
>> 欢迎光临
最新代码
·云彩[图] 06-30
校内CSS代码
推荐代码
·云彩 06-30
·夜来花香 06-22
·黑白蝴蝶 06-13
·憨憨棕熊 06-09
校内网CSS代码
热门代码
                                 | 关于我们 | 广告服务 | 设为主页 | 收藏本站 | 版权申明 | 友情链接 |

Copyright © 2007-2008 www.xiaoneipk.com Inc. All rights reserved. 校内PK 版权所有

本站部分文字、图片资料来自网络,版权归原作者所有.如果侵害了您的权益,请您来信告知,我们将在审核后24小时内删除该资料!

陕ICP备07500646号 电子邮箱: xiaoneipk@163.com