WordPress博客自定义鼠标指针样式(树叶鼠标指针)

2020年1月7日14:00:27 评论 280

改变系统默认鼠标指标的代码,当浏览个人博客时鼠标指针会自动替换成我们预设好的样式。还是喜欢这个小功能的,所以在这里本站也记录一下,并附上源代码及指针样式。

WordPress博客自定义鼠标指针样式(树叶鼠标指针)

树叶鼠标指针样式

修改教程:

1、下载图形样式包,上传至网站目录(只要地址能获取到即可)

树叶鼠标指针下载

2、找到当前使用WordPress主题下面的style.css文件,添加css代码到最后

/** 普通指针样式**/
body {
cursor: url(https://www.ls102..com/01.png), default;
}
/** 链接指针样式**/
a:hover{cursor:url(https://www.ls102..com/02.png), pointer;}

注:将https://www.ls102..com/01.png及https://www.ls102..com/02.png更换为自己的上传目录路径

  • 客服微信
  • 微信扫一扫
  • weinxin
  • 微信公众号
  • OPS技术联盟,每天掌握一个小知识!
  • weinxin

发表评论

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