WordPress主题网站如何自定义鼠标指针样式

  • 2
  • 154 views
  • A+
所属分类:wordpress主题

不知道大家有没有看到过这么一个情况,就是看到别的站长网站里面的鼠标不是网站自带的样式,都是五花八门的样式。之前叶忠文也在很多人的网站里面看到过这样一个效果,当时就是很奇怪,因为对于这么一个功能本人是非常喜欢的,所以就会跟着慢慢去折腾。

WordPress主题网站如何自定义鼠标指针样式

终于今天在星光博客找到了一个这样的教程,这是一个改变我们在用系统默认鼠标指标的代码,当我们浏览个人博客时鼠标指针会自动替换成我们预先设好的样式。对这个美化效果喜欢的朋友们可以尝试一下,不过这里只是针对于WP主题的网站,见他类型的网站不敢保证一定有效。

WordPress主题网站如何自定义鼠标指针样式

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

    /** 鼠标样式 开始**/
    /** 普通指针样式**/
    body {
    cursor: url(https://www.japanren.com/wp-content/uploads/2018/03/2018031606171178.png), default;
    }
    /** 链接指针样式**/
    a:hover{cursor:url(https://www.japanren.com/wp-content/uploads/2018/03/2018031606171010.png), pointer;}
    /** 鼠标样式 结束**/

在这里我们把自己喜欢的鼠标指针样式保存为png透明格式,上传,然后再修改图片链接为自己的就OK了。部署完毕后,记得清空浏览器缓存才会看见效果!

文件下载 鼠标样式包
下载地址
Joson

发表评论

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

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

    • 子午物联网 子午物联网 来自天朝的朋友 火狐浏览器 Windows 7 北京市丰台区 联通 2

      这玩意,就是好玩而已

        • Joson Joson  博主 来自天朝的朋友 火狐浏览器 Windows 10 广东省东莞市 鹏博士长城宽带

          @子午物联网 的确