改变鼠标指针外观_精美网站鼠标指针,你见过多少?

f2b85e92d5e010ce41ec0ffd79508ae5.png

之前推荐了些 Windows 指针,

适用于安装了的电脑改变指针样式。

松鼠小:酷炫 Windows 鼠标指针!​zhuanlan.zhihu.com
5402def3757b2820f20ae274b6259173.png

其实网站是可改变访问者的指针,

实现方式大致有两种,其一是代码法。

优点是可灵活自定义两种样式,

大家可去网上寻找喜欢的样式。
下面六套指针分享给大家(文末)

371ed7267ca17d1375a72af9da825a81.png
左 cursor,右 hover

具体操作方法如下:

1、上传指针文件

下载好喜欢的样式的指针文件,最好是 png 格式,cur 格式可能不支持。如果是 png 格式,则在WordPress 后台,【媒体】-【添加】;如果是 cur 格式,则用 FTP 工具上传到网站服务器上。

cur-png在线转换网站:

CUR轉PNG轉換器。在线自由 - Convertio​convertio.co

2、添加 CSS 样式

在 WordPress 当前主题,样式表 style.css 文件添加代码。此方法若无效果,则用下面的方法。WordPress 后台,依次选择【外观】-【自定义】-【额外 CSS】

7b6126ec8176566be06cd404ce6c3911.png

插入代码(注意修改指针文件地址)

/*鼠标指针样式*/ 
body{cursor:url(https://www.jishusongshu.com/wp-content/uploads/2020/01/normal1.png), default;}
a:hover{cursor:url(https://www.jishusongshu.com/wp-content/uploads/2020/01/link1.png), pointer;}

之后点击左上角【发布】

清除缓存,即可实现效果

另一种方法是插件法

网上有推荐 Unique Cursor 插件的

但是笔者亲测 WordPress 后台没搜到

好不容易在 WP 官网上下载了插件包
但测试在自己的网站上是无法使用的

19fd536329c6882be6cc47bebdd10559.png

118 个指针可以选择

7f3252af3b4926246d87ed9fd34a18ad.png

大家也可尝试安装一下

说不定你的网站就能用了
插件安装包与六套指针分享给大家

484a8f9f9e340d25abe665083bf4352f.png

扩展阅读

松鼠小:Windows 美化资源大合集!​zhuanlan.zhihu.com
e444557252d2311fc3d7ff710fb53cdf.png
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值