自定义网页鼠标指针样式

在Owen博客看到的自定义网页鼠标指针样式的文章,来美化网页的鼠标指针。效果就是现在本站的效果,收集过来分享给大家。

方法一:Css cursor实现网页鼠标指针样式

首先,大家要去物色2个比较好看的指针,下载到本地然后上传到你的网站服务器上,上传好之后我们就访问他的地址看看能不能打开,如果可以就上传成功了。

比如我的是http://wosn.net/zhizhen/normal.cur和http://wosn.net/zhizhen/link.cur

然后把下载的css样式加入样式表中:

  1. /**普通指针样式**/
  2. body{cursor:url(http://wosn.net/zhizhen/normal.cur),default; }
  3. /**链接指针样式**/
  4. a:hover{cursor:url(http://wosn.net/zhizhen/link.cur),pointer;}

刷新网页看效果吧。

方法二:Unique Cursor 插件实现网页鼠标指针样式(wordpress站点方法)

在wordpress后台进入插件-安装插件-搜索框复制-Unique Cursor插件-点击安装安装好了之后在网站后台左边功能表中找到Unique Cursor打开就可以选择喜欢鼠标样式了。这个方法方便,但插件装得太多影响网站速度,个人认为还是能少装就少装吧。