如何制作网页上的动态鼠标效果

　　　　　　　　　　　　　　　　5Dmedia Flood


　　网页设计和时装设计一样大家都是赶潮流，追时髦。例如原来的动态标题栏、改变IE滚动条的颜色以及无边窗口的使用，刚开始出现都是风靡一时，过段时间就被用的泛滥了。但是不管怎么说，时髦还是要追的，要不就落后于时代了嘛。最近在网上经常可以看到鼠标的样式被改变，就象在Win2000中可以把鼠标样式改为小恐龙一样。还有的是动态的效果，看上去很cool的样子。鼠标跟随效果大家都很了解了，一般都是JS的运用，那么改变鼠标样式是不是也是同样的做法呢？
　　实际上这种效果和IE地址栏上的个性小图标是同一个道理。只不过IE地址栏上的小图标是一个.ico文件，而这次我们需要的是一个.cur文件，也许你会说cur是什么呀。Cursor你在dreamweaver中一定见过吧？对了，就是在css中改变鼠标样式里有的。那么怎么制作cur文件呢？当然需要特定的工具了。大家可以使用Axialis AX Cursors（在很多软件下载的地方都可以找到的，华军软件园下载地址：http://www.onlinedown.net/axialisaxcursors.htm）。down完一路安装过后，启动软件界面如图所示：

　　制作是很简单的，不需要你是ps或者fw高手，我想只要会用windows中的画图工具就可以制作出一个cursor。我也画了一个，只是觉得很烂，就不拿出来贻笑大方了。：）
　　工具中有两个很好的一个是可以输入文字，另一个可以导入图片。如果你还是和我一样没有一点美术细胞的话，只有使用最后一招了。网页制作最终秘籍：ctrl+c--->ctrl+v。呵呵，打开左边的librarian 可以看到有动画和标准状态两个项目。

打开static 如下图：

　　选择一个就可以了，然后保存到网站的跟目录下。如果需要动画的鼠标效果则是选择animated。然后在例子中选择一个，同样保存到站点跟目录下，注意动画鼠标的后缀是.ani。
　　发挥你的创意，可以作出超酷而又有你自己个性的样式。
Try your imagination！
将文件上传到站点跟目录。
　　好了准备工作都ok了，接下来当然是打开dreamweaver，打开你的网页
加上一小段css：

保存，上传页面。
OK。
快去告诉网友你的页面又cool了一点点……:D :D

效果演示1（静态鼠标）：http://vip.5dmedia.com/flood/mousestyle/index2.htm
效果演示2（动态鼠标）：http://vip.5dmedia.com/flood/mousestyle/index2.htm
一个页面：
http://vip.5dmedia.com/flood/eastday/ctmc/index.htm

最后：不知道IE5能不能看到？？？

ie6才支持

支持原创
;)

你贴的那个站点确实挺有意思，但是不知道你有没有注意到，必须要安装一个插件才能看到动态鼠标效果，我想你不会要求大家都去down一个不熟悉的插件然后安装到电脑了吧（除非它发展为flash那样的行业标准）？

而我说的这种用css来做的，请仔细看一下msdn上的文章，注意下面一段话：
url(uri) Internet Explorer 6 and later. Cursor is defined by the author, using a custom Uniform Resource Identifier (URI), such as url('mycursor.cur'). Cursors of type .CUR and .ANI are the only supported cursor types.
确实只有IE6以上才支持，所以“这么老的东东”似乎说不上吧？

和浏览器无关？呵呵，帖一个IE5可以看到效果的来看看，大家共同学习一下。

做好了后cur太小了，看不清，怎么才能放大点？

绝版英俊在上个帖子中说

引用:

---

做好了后cur太小了，看不清，怎么才能放大点？

---

这个恐怕就需要你在制作的时候注意控制大小了，
可以参照软件内部的cur文件的大小