• A+

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

2019-01-24 阅读: 72 次 评论 0 条 百度未收录
大多数人在20到30岁就已经过完自己的一生。一过了这个年龄段, 他们就变成自己的影子, 以后的生命只是在不断重复自己。——《约翰.克里斯朵夫》罗曼.罗兰
本文共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鼠标自定义指针样式教程
版权声明:本站所有文章除特别声明外,均采用 署名-非商业性使用-禁止演绎 4.0 国际 许可协议。请尊重他人的劳动成果,转载请写明出处!
所属分类:WP相关

发表评论


表情