先用PS做2个JPG图片,比如:原本的图片light.jpg和移上去变暗的图片dark.jpg
一。伪类:hover (ie6不支持)
.box{ background:url(../images/light.jpg); }
.box:hover{ background:url(../images/dark.jpg); }
ie6只能对a标签使用伪类。
.box a, .box a:link{ background:url(../images/light.jpg); }
.box a:hover{ background:url(../images/dark.jpg); }
二。使用jquery做图片切换动作
css部分:
.bg1{background:url(../images/light.jpg);}
.bg2{background:url(../images/dark.jpg);}
jquery部分:
$(function(){
$('div').hover(function(){
$(this).atter('class','bg2');
},function(){
$(this).atter('class','bg1');
});
});
html部分:
<div class="bg1"></div>
追问谢谢亲,我弄好了,谢了啊,哥们