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

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

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

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

这种方式是cursor自定义样式.
其实就是当鼠标移入图片时，将指针换成想要的图片中的样式。
而系统原有的一些鼠标样式，比如十字行，小手型，处于更新繁忙状态等其他形状，都是可以通过更改cursor的值进行修改。具体参考菜鸟教程：菜鸟教程关于cursor的讲解

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

DIV css中cursor属性详解-鼠标移到图片变换鼠标形状 (转)
css中cursor属性详解-鼠标移到图片变换鼠标形状语法: cursor : auto | all-scroll | col-resize| crosshair | default | hand ...
如何在html添加css样式表,网页中添加CSS样式表的四种方式
本文向大家描述一下网页中添加CSS样式表的四种方式,首先让我们来看一下CSS样式表文件的优势,主要体现在两个方面,请看下文详细介绍. CSS样式表文件的优势表现在两个方面: ***,简化了网页的格式代 ...
php+jq+添加css,jquery如何添加css样式？
在运用jquery的时候我们经常需要动态的给一些dom元素添加CSS样式,下面我们来看一下Jquery如何动态的添加css样式. jquery添加css样式的方法:使用addClass() 方法添加c ...
怎么在jq中添加html样式,jquery怎么添加css样式
jquery添加css样式的方法:1.使用addClass()方法添加css样式,语法如"$(selector).addClass(class)":2.使用css()方法设置css ...
jquery使用html()css不生效,jquery可以添加css样式吗？
jquery可以添加css样式吗?答案是:可以.那么如何添加css样式?下面本篇文章就来给大家介绍一下使用jquery添加css样式的方法,希望对大家有所帮助. 在jquery中,可以使用addCla ...
html 点击增加样式,js点击添加css样式 css添加jq点击事件 JavaScript点击增加css样式...
js可实现点击后对div或者其他标签增加或者删除css样式,从而达到实现点击触发某种效果的目的.页面样式可以通过style修饰,也可以通过css修饰,改变css或者添加css可以改变页面的排版.代码如 ...
在油猴脚本中添加css样式的方法
由于项目要求,需要在系统页面注入dom元素,且对这些注入的元素在UI界面层有美观度要求,就避免不了要对其CSS样式优化. 通常在油猴脚本中添加CSS样式的方法如下: 一.引入外部css文件 // @r ...
CSS 鼠标样式 cursor属性
在浏览网页时,通常看到的鼠标光标形状有箭头.手形.沙漏等,而在 windows 中实际看到的鼠标指针种类比这个还要多. 一般情况下,鼠标光标的形状由浏览器负责控制,大多数情况的光标形状为箭头形状,当指 ...
html鼠标样式怎么去掉,CSS鼠标样式cursor属性怎么设置
CSS鼠标样式可以通过设置cursorg属性,从而达到鼠标在对象上移动的鼠标样式. 一般在网页中一些特殊版块布局时,会遇到这类需求,比如鼠标经过指针变为手指形状等样式,接下来我们介绍鼠标指针样式cur ...
html的css样式中表示后代选择器,html添加css——样式选择器
如何给html添加样式.两种方法:css 1.新创建一个css样式表,与原html同目录,而后经过link标签连接.如:(link标签是一个void元素,无结束标签.)html 2.直接在html源码 ...

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

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

最新文章

热门文章