网站特效:利用CSS来改变网站鼠标指针的样式

相信很多朋友进来本站时已经注意到本站的鼠标指针样式与其他网站的不一样(当然也有许多网站有同样或者相似的效果),其实这只是一个简单的CSS样式,就可以让你网站的鼠标指针变成本站一样,给大家讲解下:

效果展示

左边效果为平常移动样式,右边效果为移动到链接的效果。

鼠标指针样式

实现方法

1、将两个图标文件下载到自己的电脑,解压后通过FTP工具上传到自己的服务器上。

下载地址:https://chenjianhao.com/file/zip/pointer-cur.zip

2、将以下代码添加到CSS文件里面。改为自己文件对应路径地址

/*鼠标指针样式开始*/ 
body{cursor:url(/normal.cur), default;}
a:hover{cursor:url(/link.cur), pointer;}
/*鼠标指针样式结束*/

3、当然您也可以自己做自己喜欢的鼠标指针样式,然后同样的把文件上传到自己的网站目录上,然后加入代码,并把链接地址换为自己文件的地址即可。

好了,关于利用CSS来改变网站鼠标指针的样式的方法就讲解到这里,有什么疑问的话可以在评论下方留言,谢谢支持。

SEOWordPress

给WordPress网站添加外部链接GO跳转功能

2019-5-17 14:05:25

工具网站建设

FTP工具是什么?介绍两款好用的FTP工具

2019-3-6 23:12:15

2 条回复 A文章作者 M管理员
  1. chenjianhao

    这个不错
    收藏了

    • chenjianhao

      是啊,看着还行啊