Question

怎么用CSS或者JS实现鼠标点击变换背景图片

怎么用CSS或者JS实现鼠标点击变换背景图片，然后再点击其它的时候，是原来点击过的在重新变回来

Answer 1

使用jquery的toggle方法进行图片切换
$(function(){
$("#h1").toggle(function(){
$("#h1").css("background-image","路径('./20110528073501b54e6.jpg')");
},function(){
$("#h1").css("background-image","路径('./2011060708410874041.jpg')");
})
})

<input type="button" value="huan" id="h1" class="hh1" />

CSS
.hh1{
background: url("./2011060708410874041.jpg");
width: 120px;
height: 90px;
}

Answer 2

$(document.body).on('click', function() {
document.body.style.background = 'url("xxxx.png")'; // 变掉

});
$('#target').on('click', function() {
document.body.style.background = 'url("yyyy.png")'; // 变回来

});

Answer 3

用If()语句判断是否是A，如果是A变成B,else，换成A

Answer 4

在网上下载一个啊