在Owen博客看到的自定义网页鼠标指针样式的文章,来美化网页的鼠标指针。效果就是现在本站的效果,收集过来分享给大家。
方法一:Css cursor实现网页鼠标指针样式
首先,大家要去物色2个比较好看的指针,下载到本地然后上传到你的网站服务器上,上传好之后我们就访问他的地址看看能不能打开,如果可以就上传成功了。
比如我的是http://wosn.net/zhizhen/normal.cur和http://wosn.net/zhizhen/link.cur
然后把下载的css样式加入样式表中:
- /**普通指针样式**/
- body{cursor:url(http://wosn.net/zhizhen/normal.cur),default; }
- /**链接指针样式**/
- a:hover{cursor:url(http://wosn.net/zhizhen/link.cur),pointer;}
刷新网页看效果吧。
方法二:Unique Cursor 插件实现网页鼠标指针样式(wordpress站点方法)
在wordpress后台进入插件-安装插件-搜索框复制-Unique Cursor插件-点击安装安装好了之后在网站后台左边功能表中找到Unique Cursor打开就可以选择喜欢鼠标样式了。这个方法方便,但插件装得太多影响网站速度,个人认为还是能少装就少装吧。
评论