style="cursor:url(custom.cur)" custom.cur为cur文件 自定义网页里的鼠标形状(IE6.0+)
你自己做一个放大镜的鼠标文件吧
你自己做一个放大镜的鼠标文件吧
解决方案 »
- var progress = new FileProgress(file, this.customSettings.upload_target);
- js把table的内容怎样导入 excel,不包括table的隐藏字段,只导显示的数据?
- 如何将图片的热点功能存成一JS文件,在其他网页直接调用
- 去年写的一个可编辑的下拉框
- 如何知道有没有禁用cookie,禁用js
- jq如何根据html内容确定是否存在元素
- 关于javascript执行效率-如何优化
- 怎样使表单里内的文本框内按回车后,表单不会被提交?
- 怎么实现在页面上飘动flash动画!马上交任务!急等!多谢多谢!
- 关于this 的疑惑!
- email的检测,100分
- tr 不能用 class 吗?
首先要制作或者寻找一套适合网页风格的鼠标,我使用的鼠标是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)部分不同,显示的鼠标状态也不同。