Question

CSS怎么实现更换图片

有一组图片，点击时变换成不同图片，每幅图对应着不同的变换图，这样需要分开写代码吧，貌似不能用a:hover{}一次性实现，我分开试了试，怎么不行啊

Answer 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不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

Answer 2

CSS能更换的图片，只能存在于样式中。所以，这个图片也只能是背景图片。
一般是结合：hover来实现的。例如：
.mydiv{
background:图片1 no-repeat;
height:100px;
widht:100px;

}
.mydiv:hover{
background:图片2 no-repeat;

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

Answer 3

如果两张图片切换就用
onmouseover.this.class="xxx"
onmouseout .this.class="xxx"

如果多张图片 就用js代码实现吧.

Answer 4

首页定义你a默认样式
a{width:92px; height:22px; padding-top:9px; display:block; background:url('图片地址')no-repeat; color:#000; text-decoration:none}
再定义当鼠标经过时样式
a:hover{background:url('图片地址') left 2px no-repeat;}

Answer 5

先说明hover 不是点击，你每个图片加个a:hover{} 就可以了；
可以用JS
背景用 onclick="this.style.backgroundImage='images/1_1.gif'"
img 用 nclick="this.src='images/1_1.gif'"