WordPress博客自定义鼠标指针样式

  • A+
所属分类:WordPress

WordPress博客自定义鼠标指针样式

这是一个改变用户系统默认鼠标指标的代码,当用户浏览个人博客时鼠标指针会自动替换成我们预设好的样式。很多网站都有这样的功能,感兴趣的朋友可以试一下。

修改教程:找到当前使用WordPress主题下面的style.css文件,把下面的css代码添加进去

  1. /** 鼠标样式 开始**/
  2. /** 普通指针样式**/
  3. body {
  4. cursor: url(http://www.xgboke.com/wp-content/uploads/2018/03/2018031606171178.png), default;
  5. }
  6. /** 链接指针样式**/
  7. a:hover{cursor:url(http://www.xgboke.com/wp-content/uploads/2018/03/2018031606171010.png), pointer;}
  8. /** 鼠标样式 结束**/

把你喜欢的鼠标指针样式保存为png透明格式,上传,修改图片链接为你自己的就OK了。

部署完毕后,要记得清空浏览器缓存才会看见效果。

下载信息 鼠标样式包
下载地址
weinxin
星光博客 站长语录
星光博客,欢迎各位来访!这是我的QQ,扫一扫,加好友。大家一起交流博客建站技术,分享前沿资讯!

发表评论

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

目前评论:2   其中:访客  2   博主  0

    • 企鹅SEO 企鹅SEO 1 谷歌浏览器 Windows 7 日本

      写的很详细,博客很好看,先占个沙发

      • 小四 小四 3 来自天朝的朋友 谷歌浏览器 Windows 10 河南省安阳市 移动

        代码添加了,没有效果