本文主要是介绍通过添加css样式cursor属性,改变鼠标的外形,变成放大镜,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
在网页中引入图片后,当我把鼠标移入图片上的时候鼠标并没有像一般网站那样鼠标指针变成一个放大镜的样子
要达到这种效果需要给图片的样式中添加一个cursor属性。
.imgSample{cursor: url('../../ico/放大镜.png'), auto;
}
这种方式是cursor自定义样式.
其实就是当鼠标移入图片时,将指针换成想要的图片中的样式。
而系统原有的一些鼠标样式,比如十字行,小手型,处于更新繁忙状态等其他形状,都是可以通过更改cursor的值进行修改。具体参考菜鸟教程:菜鸟教程关于cursor的讲解
这篇关于通过添加css样式cursor属性,改变鼠标的外形,变成放大镜的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!