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

阿里云优惠活动

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

效果展示

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

鼠标指针样式

实现方法

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

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

2、将以下代码添加到CSS文件里面。其中url中的地址是对应服务器的文件路径地址

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

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

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