Question

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

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

Answer 1

<img src="1.jpg" width="100" height="100" alt="" onclick="pf(this)"/>
<script type="text/javascript">
var arr = ["1.jpg","2.jpg","3.jpg","4.jpg","5.jpg"];
function pf(t) {
t.src = arr[Math.floor(Math.random()*arr.length)];
}
script>

Answer 2

使用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;
}