每日一发21

2012-10-24-改变光标的样式

今天查阅资料学习怎样改变光标的样式，制作一些炫丽的光标效果。
第一种方法：改变光标样式的方法无非就是利用第三方控件或者利用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 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)部分不同，显示的鼠标状态也不同.