首页 > 代码库 > 在网页中添加自定义鼠标指针
在网页中添加自定义鼠标指针
body{cursor:url(‘鼠标指针图片网址‘)}
a:hover{cursor:url(‘鼠标指针图片网址‘)}
说明1:第一行是鼠标指针初始形态,第二行是鼠标指针碰到链接的形态。
说明2:你需要两个鼠标指针图片(最好这两个图片是一套或是相近的)。
说明3:鼠标指针的图片格式是.cur和.ani,不是.jpg、.gif或是其它图片格式,这点请注意。
说明4:很遗憾,博客中国不支持任何一种鼠标指针图片格式的上传,大家要实现指针变换,要么就找一些别的网站贴出来的现成的指针图片链接地址,要么就考虑去别的上传空间上传鼠标指针图片(具体操作步骤我会在下文指出)
说明5:如果你喜欢的鼠标指针只有一张图片而不是两张,那么A{(cursor:url(‘鼠标指针图片网址‘)}这段代码就不用写了,一张鼠标指针图片其实也行的。
上面那个方法并不算是我的原创,最多只是改进、修改吧,不过下面我要介绍的随机变换鼠标指针(即每刷新一次主页,鼠标指针都会不同!)则绝对是我的原创了,我花了半天工夫来写下面的代码。很自豪,互联网上搜不到任何随机变换鼠标指针的代码,所以,喜欢个性化的朋友千万不要错过这个帖子了,因为你在其它任何网站都看不到这种方式的代码的^_^
第一步:在友情链接(推荐)或是博客摘要中加入下面的JAVASCRIPT代码,这个代码的作用是随机调用CSS文件:
<link id="stt" type="text/css" rel="stylesheet" href="http://www.mamicode.com/b_sty.css">
<script Language="JavaScript">
<!-- Begin
var Folder = "你的CSS文件所在的目录";
var how_many_ads = 你的鼠标指针图片的套数;
var now = new Date();
var sec = now.getSeconds();
var ad = sec % how_many_ads;
var css = "";
ad +=1;
if (ad == 1) {css = "style1.css";}
if (ad == 2) {css = "style2.css";}
……
self.stt.href = http://www.mamicode.com/Folder + css
//-->
</script>
说明1:“你CSS文件所在的目录”是CSS文件除去文件名的网址,比如你的CSS文件所在网址为http://www1.freehostingguru.com/bimzcy/style1.css
那么你CSS文件所在的目录就是http://www1.freehostingguru.com/bimzcy/
说明2:你的鼠标指针图片的套数是多少,那么刷新主页后鼠标指针图片不同的次数就是多少(这里请对照随机背景图片或是随机背景音乐的概念来理解),一套鼠标指针图片包括一张或两张鼠标指针图片。如果你的鼠标指针图片套数是两套,那么这里就填上2。
说明3:省略号处是和你鼠标指针的图片套数是相关的,如果你的鼠标指针的图片套数是两套,那么写到if (ad == 2) {css = "style2.css";}就可以了,如果是三套,就继续写if (ad == 3) {css = "style3.css";},依次类推。
第二步:用记事本创建数个CSS文件(依实际要求而定),分别命名为style1.css、style2.css……
第三步:将你创建的CSS全部上传到一个指定的网页空间,你要保证它们都在同一个目录下。
附录:提供.css文件上传的网页空间地址:http://www1.freehostingguru.com/logincn.php4
(你需要先注册一下,免费的)
好了,现在你可以打开你的博客网站试试效果了——是不是很酷啊?
附录1:比较全的鼠标指针图片网站:
http://www.blbcn.com/shu/
附录2:一个鼠标指针图片下载包,包含322个鼠标指针图片,想省事的朋友可以下载这个就够了:http://www.windown.net/soft/235.htm
附录3:现成的鼠标指针图片链接地址,内容较全,大家可以去里面直接粘贴地址,就可以省去上传鼠标指针图片这个步骤了:
http://myok.blogchina.com/2081936.html
附录4:提供鼠标指针图片文件(.cur、.ani)上传的网页空间地址:
http://www.rezfiles.com/upload/
在网页中添加自定义鼠标指针
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。