WordPress鼠标自定义指针样式教程

2019-01-24 阅读: 24 次 评论 0 条 百度未收录
以用户为中心, 其它一切纷至沓来!——Google 信条
本文共302个字,预计阅读时间需要1分钟。

看着别的博主的站点的鼠标样式很新颖、个性,于是想给自己也DIY一个,在网上找了方法,此方法是当用户浏览个人站点时鼠标指针会自动替换成我们预设好的指针样式。现在分享给大家。

1、将鼠标指针样式文件上传到你的网站任意目录。(指针文件在下面)
2、在当前主题style.css文件,把下面的css代码添加进去。

  1.  /** 鼠标样式 开始**/
  2.  /** 普通指针样式**/
  3.  body {
  4.  cursor: url(http://www.......png), default; //鼠标指针样式一路径
  5.  }
  6.  /** 链接指针样式**/
  7.  a:hover{cursor:url(http://www.......png), pointer;} //鼠标指针样式二路径
  8.  /** 鼠标样式 结束**/

好了,按照上面两步进行操作,自定义鼠标指针完成。修改完毕后,要记得清空浏览器缓存才会看见效果哦。

下载地址

本文地址:https://www.chyiyang.cn/63.html
本文标题:WordPress鼠标自定义指针样式教程
版权声明:本文为原创文章,版权归 伊阳 所有,欢迎分享本文,转载请保留出处!
NEXT:已经是最新一篇了
所属分类:WP相关

发表评论


表情