今天查阅资料学习怎样改变光标的样式,制作一些炫丽的光标效果。
2. 测试表中所有的属性
第一种方法:改变光标样式的方法无非就是利用第三方控件或者利用CSS样式。
1.查阅相关属性:
默认 | default |
文字/编辑 | text |
自动 | auto |
手形 | pointer, hand(hand是IE专有) |
可移动对象 | move |
不允许 | not-allowed |
无法释放 | no-drop |
等待/沙漏 | wait |
帮助 | help |
十字准星 | crosshair |
向上改变大小(North) | n-resize |
向下改变大小(South) | s_resize 与n-resize效果相同 |
向左改变大小(West) | w-resize |
向右改变大小(East) | e-resize 与w-resize效果相同 |
向左上改变大小(NorthWest) | nw-resize |
向左下改变大小(SouthWest) | sw-resize |
向右上改变大小(NorthEast) | ne-resize 与sw-resize效果相同 |
向右下改变大小(SouthEast) | se-resize 与nw-resize效果相同 |
自定义光标 | url(‘光标地址’) |
2. 测试表中所有的属性
.png).png).png).png)
第二种方法:利用第三方控件的方法
将以下代码加到网页文件的<head></head>之间:
<script language=javascript>var Loaded=false;var Flag=false;</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)部分不同,显示的鼠标状态也不同.
修改后,浏览此网页的时候浏览器会弹出一个“安全设置警告”,点击“是”,系统自动安装控件,鼠标就可以按照你的需要显示了。
选择需要的鼠标样式:登陆网站http://www.cometzone.com (14个大类4000多种鼠标,制作精美,点击相应的鼠标图片就可预览到不同的效果。)
选中鼠标后,点击网页左边导航的“GET CURSOR CODE”链接,转到下一页,再点击“Select Code”按钮,按钮下这个多行文本框里面的内容就是上面提供的代码,只是代码中TheCometCursor(‘cd_electric’,0,626)部分不同,显示的鼠标状态也不同.