700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 通过添加css样式cursor属性 改变鼠标的外形 变成放大镜

通过添加css样式cursor属性 改变鼠标的外形 变成放大镜

时间:2019-03-29 11:51:21

相关推荐

通过添加css样式cursor属性 改变鼠标的外形 变成放大镜

在网页中引入图片后,当我把鼠标移入图片上的时候鼠标并没有像一般网站那样鼠标指针变成一个放大镜的样子

要达到这种效果需要给图片的样式中添加一个cursor属性。

.imgSample{cursor: url('../../ico/放大镜.png'), auto;}

这种方式是cursor自定义样式.

其实就是当鼠标移入图片时,将指针换成想要的图片中的样式。

而系统原有的一些鼠标样式,比如十字行,小手型,处于更新繁忙状态等其他形状,都是可以通过更改cursor的值进行修改。具体参考菜鸟教程:菜鸟教程关于cursor的讲解

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。