CSS怎么实现更换图片

html-css018

CSS怎么实现更换图片,第1张

CSS能更换的图片,只能存在于样式中。所以,这个图片也只能是背景图片。

一般是结合:hover来实现的。例如:

.mydiv{

background:图片1  no-repeat

height:100px

widht:100px

}

.mydiv:hover{

background:图片2  no-repeat

}

这样就实现了图片1和图片2的鼠标移上去的切换。

CSS层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。

<div class="gyyy">

<img src="关于医院.jpg">

<span>关于医院</span>

</div>

$(function(){

var imgs=document.getElementsByName("img")

$(".gyyy").click(function(){

imgs.src="新图片的路径";

$(".gyyy>span").css("color","blue")

})

})