网站美化之如何将鼠标样式美化为萌妹纸

一、前言

一个客户要求将网站鼠标指针美化下下,于是就找了下代码以及萌妹纸。现在免费放送出来。

鼠标的样式有两种,一个用于正常状态显示,一个用于链接状态显示。效果如下图所示:

网站美化:鼠标样式自定义

二、代码部署

可以看到,鼠标颜色是变化的,其实这个就是两个样子一样,颜色不同的图片而已。

然后在style.css中增加以下代码,一般主题都有自定义CSS样式,将下面代码复制进去即可。

/** 鼠标样式 开始**/
/** 普通指针样式**/
body {cursor: url(https://lansecx.cn/xxx/cursor_1.png), default;}
/** 链接指针样式**/
a:hover{cursor:url(https://lansecx.cn/xxx/cursor_2.png), pointer;}
/** 鼠标样式 结束**/

注意:复制完代码后记得将上述两个链接换成自己的鼠标样式图标即可(图标上传到网站得到URL后替换),鼠标图片在文末可以自行下载。

原作者收集的还有自己制作的一些图标免费分享,文末自取。

网站美化:鼠标样式自定义

三、总结

鼠标图标也可以根据自己喜好进行选择。

 付费资源
  • 售价 :0.00(积分)
  • 会员价格 :
    终身会员0
    年费会员0
    季费会员0
    月份会员0
  • 资源信息 :

    1. 网站鼠标图标  下载链接:点击下载  密码:

  •  收藏 (0) 打赏

    您可以选择一种方式赞助本站

    支付宝扫一扫赞助

    微信钱包扫描赞助

    未经允许不得转载:蓝色创想 » 网站美化之如何将鼠标样式美化为萌妹纸

    分享到: 生成海报
    本站源码仅供学习交流,如需商用请在官方购买正版。技术服务为增值服务。如有问题看联系站长QQ:1305675066

    评论 抢沙发

    实践是学习的最佳途径

    了解更多联系我们
    切换注册

    登录

    忘记密码 ?

    您也可以使用第三方帐号快捷登录

    切换登录

    注册

    我们将发送一封验证邮件至你的邮箱, 请正确填写以完成账号注册和激活