自定义网页鼠标指针样式

2017年9月8日22:37:25 发表评论 832
wordpress自定义网页鼠标指针样式

自定义网页鼠标指针样式

在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打开就可以选择喜欢鼠标样式了。这个方法方便,但插件装得太多影响网站速度,个人认为还是能少装就少装吧。

历史上的今天:

  • 博主微信
  • 赶快加我来聊天吧
  • weinxin
  • 站长技术资源群
  • 群号:483950522
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: