wordpress博客自定义个骚气的鼠标样式

2017年12月18日20:20:16 2 86

在这之前,我还不知道原来css可以自定义鼠标样式,亏我还自学了将近1年的前端,不过这个css还真是没用过,也很少看到别人的网站用,直到前一些日子看到一个博客上的自定义的鼠标,很特别,就搜了一些资料学习了一下,有两个方法实现wordpress博客自定义鼠标样式

使用CSS设置样式

我们推荐使用这种方法修改博客显示的鼠标样式,给整个页面body添加一张图片的属性,直接打开wordpress后台-外观-编辑,在主题的style.css中加入下面这段代码OK了:

  1. body {
  2. cursorurl(鼠标样式图片的名称.png), auto;
  3. }

注:这种方法是需要自己提供鼠标样式的图片的,我们这里也收集了一些鼠标样式的图片供大家下载,记住要引入的路径要正确。

wordpress博客自定义个骚气的鼠标样式

提取码:8u5d

使用wordpress插件方法

使用wordpress插件方法设置博客鼠标样式,不推荐使用,因为一个小小的功能没有必要安装插件,安装多了插件对wordpress博客性能也不好,不过我还是说下这个插件的名字Unique Cursor。直接在后台安装插件那里搜索下这个名字就可以了。

wordpress博客自定义个骚气的鼠标样式

 

猿梦

发表评论

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

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

    • avatar 朱曙明博客 来自天朝的朋友 谷歌浏览器 Windows 10 1

      江西老表~~~~ :grin:

        • avatar 猿梦 来自天朝的朋友 谷歌浏览器 Windows 7 Admin

          @朱曙明博客 非常荣幸老表来访,新站向贵站学习还望多多关照 :mrgreen: