WonderCSS

如何通过样式在html网页中改变鼠标指针

最近由于做一个个人化的wordpress主题,在国外的一些类似网站逛了一圈,如 Tumblr 等个人化的软微博。其中很多模板都有改变鼠标样式的效果,那么在HTML代码中如何实现?最简单的办法就是通过样式表来直接定义鼠标样式。

如下代码,在CSS中我们可以自定义多个指针:


body {
  cursor:url(cute.gif),url(cute.cur),auto;
}

其中的“auto”为你要替换的鼠标形态,因为一套鼠标指针有很多形态方案,当然我们一般只需要设置默认形态 “auto” 和悬浮指针 “pointer” 即可。

具体了解个指针形态可以查看这个文档:http://www.w3schools.com/cssref/pr_class_cursor.asp

By 于湛 发布于 2013.10.23 4,182 次浏览

发表评论

电子邮件地址不会被公开。 必填项已用*标注