我们专注互联网高端深度定制

2023我们与您携手共赢,改变企业互联网的影响力!

HTML写法:

<img src="img_1.png" onmouseover="this.src='img_2.png';" onmouseout="this.src='img_3.png';"/>

JS写法:

var img = document.createElement("img");
img.setAttribute("src","img_1.png");
img.setAttribute("onclick","removeOneWorkitemLine(this);");
img.setAttribute("onmouseover","this.src=\"img_2.png\";");
img.setAttribute("onmouseout","this.src=\"img_3.png\";");

CSS写法:

/*用于div的背景图片切换 代码如下*/
.div{background-image:url('img_1.png');}
.div:hover{background-image:url('img_2.png');}
/*鼠标划过时,切换指定div的背景图片*/

定义和用法:
:hover 选择器用于选择鼠标指针浮动在上面的元素
:hover 选择器可用于所有元素,不只是链接
:link 选择器设置指向未被访问页面的链接的样式
:visited 选择器用于设置指向已被访问的页面的链接
:active 选择器用于活动链接

注释:在 CSS 定义中,:hover 必须位于 :link 和 :visited 之后(如果存在的话),这样样式才能生效。

鼠标移动到图片上切换到另一张图片,移出时又切默认图片


免责声明

本文章部分图片素材及文字内容等均来源于网络,仅供学习参考,如有侵犯您的版权,请联系我们,本站核实后将尽快删除或改正。

我们凭借多年的高端网站定制建设经验,坚持以“帮助中小企业改变互联网的影响力”为宗旨,累计为4000多家客户提供高品质建站服务,得到了客户的一致好评。若您有网站建设、网站改版、网站维保、域名注册、主机空间、网站ICP备案、手机网站建设、微信网站/小程序开发制作等方面的需求,请立即点击在线咨询,我们详细为您解答问题,提供最佳解决方案。项目经理在线咨询

17年不忘初心,专注网站建设

2023我们与您携手共赢,为您的企业改变互联网的影响力!

在线客服
联系方式

在线客服QQ

2256959986

联系邮箱

niaorenit@163.com

工作时间

周一至周六 9:00-17:00

官方微信公众号
线