1. 陈健豪博客首页
  2. 建站

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

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

效果展示

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

鼠标指针样式

实现方法

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

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来改变网站鼠标指针的样式的方法就讲解到这里,有什么疑问的话可以在评论下方留言,谢谢支持。

版权声明:本文为博主原创文章,遵循 CC BY-NC-SA 4.0 版权协议,转载请附上原文出处链接和本声明。

本文链接:https://chenjianhao.com/12504.html

发表评论

登录后才能评论

评论列表(2条)