运营搞网站之:为网站添加自定义鼠标指针

不知道大家对QQ空间装扮的鼠标指针还有没有印象,有些个人博客也会有自己个性的指针,测试岛也设置了自己的指针,相信如果此时此刻你正在电脑浏览器上滑动鼠标查看这个页面,那么已经看到一个绿色的指针了,那么这是怎么实现的呢?

以WordPress系统为例,其实非常简单,步骤只有3个:

步骤1:

先网上找到你想要使用的指针,有两种可以设置:

  1. 一个是正常状态鼠标没有悬停在网址链接上时的样式
  2. 另一个是当鼠标悬停在链接上时的样式
注意WordPress默认只支持.cur扩展名的静态鼠标,而.ani扩展名的不支持,据测试也不是全部cur格式都支持,可以自己试试,或者把png格式的图片在网上在线转换成cur格式 例如这个convertio.co,图片分辨率大小建议是40×40

步骤2:

把找到的鼠标指针文件放到自己网站内容在服务器的目录,也就是WordPress文件所在的目录,可以新建一个文件夹例如cursor,指针文件都放到这个文件夹里,便于后续管理和使用

步骤3:

在WordPress后台,进入如下路径:外观->自定义

然后在打开的页面左侧底部,找到【额外CSS】并点击:

然后把如下这段实现自定义鼠标指针的代码粘贴进去,注意两个指针文件的路径改为你自己的路径,然后记得点击顶部的【发布】按钮:

然后打开自己网页,应该就是自定义的指针样式了,如果没有,那就清理下浏览器缓存,或清理下服务器的缓存,应该就可以了。

PS:这个绿色指针有哪位朋友认识是哪里来的吗 🙂

发表评论

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据