登录

将网页中的鼠标图案换成自己喜欢的

5934e9278020f.jpg

动态鼠标的插入 

在</STYLE>后面插入 

<STYLE type=text/css> 
<!-- 
body{cursor:url(**.ani );} 
a{cursor:url('**.cur ');} 
--> 
</STYLE> 

说明: 

1、( )号中的为你的图标的路径,后缀名还有**.ico的,和**.ani的. 
2、第一个路径是鼠标移动时的指针。第二个路径是接触链接时的指针。 
后缀名为**.ico 的为静态 
后缀名为**.cur 的为静态 
后缀名为**.ani 的为动画 

现在网页的设计都讲究整体统一风格,无论是网页的文字、图像,还是浏览器的滚动条都要求颜色和风格一致。但是很多朋友却对网页上的鼠标不能改变样子而感到苦恼,下面我就介绍两种改变网页上鼠标的方法: 

一、用CSS(Cascading Style Sheets,层叠样式表)的方法 

首先要制作或者寻找一套适合网页风格的鼠标,我使用的鼠标是weste.ani和weste2.ani,在,将两个文件存放到的网站的文件夹ani,然后在你的网页文件的</head></head>之间加上代码: 
<style type="text/css"> 
<!-- 
body {CURSOR: url("ani/weste.ani")} 
A {CURSOR: url("ani/weste2.ani") 
--> 
</style> 
再次浏览网页的时候你会发现,网页的鼠标显示已经改变了。当鼠标悬停在链接上的时候,显示的weste2.ani样子,其他时候显示weste.ani。 
原理:其实这种方法利用了CSS2的一个cursor的属性cursor:url (url),鼠标文件可以使用jpg、gif、ani和cur多种文件格式。需要注意的这种方式只能在IE5.5以上浏览器中正常显示。

二、利用第三方控件的方法 

这种方法非常简单,只需要讲以下代码加到网页文件的<head></head>之间: 
<script language=javascript>var Loaded=false;var Flag=false;</script> 
<script src="http://files.cometsystems.com/javascript/lc2000.js" 
language=javascript></script> 
<script language=javascript>if(Loaded&&Flag)TheCometCursor("cd_electric",0,626);</script> 
修改后,浏览此网页的时候浏览器会弹出一个“安全设置警告”,点击“是”,系统自动安装控件,鼠标就可以按照你的需要显示了。 
那么,如何才能选择你所需要的鼠标样式呢?先登陆网站http://www.cometzone.com,这个网站有14个大类4000多种鼠标,内容十分广泛,鼠标文件制作也很精美,你可以根据需要从类别中选择需要的鼠标,点击相应的鼠标图片就可以预览到不同的效果。 
选中鼠标后,点击网页左边导航的“GET CURSOR CODE”链接,转到下一页,再点击“Select Code”按钮,按钮下这个多行文本框里面的内容就是我上面提供的代码,只是代码中TheCometCursor("cd_electric",0,626)部分不同,显示的鼠标状态也不同。 
文件地址务必写对.不然没效果!!!!!!!!!!

选择赏赐方式:

×

多少都是心意,感谢大家

选择分享方式:

×

扫一扫分享到微信朋友圈

标签: CSS

本文标题:将网页中的鼠标图案换成自己喜欢的

本文地址:https://www.zbpnice.cn/post/34.html

温馨提示:文章内容系作者个人观点,不代表柏平博客对观点赞同或支持。

版权声明: 本文为原创文章,创建于2年前 (2017-06-23),版权归 柏平 所有,欢迎分享本文,转载请保留出处!

还没有留言,还不快点抢沙发?

发表评论: