Question

jquery怎样改变背景图片

<div class="box">
<div class="nav">
<ul>
<li><a href="javascript:void(0)">TAB01</a></li>
<li><a href="javascript:void(0)">TAB02</a></li>
</ul>
</div>
<div class="container">
<div class="content">con01</div>
<div class="content">con02</div>
</div>
js监听鼠标点击，实现TAB切换效果，同时怎样改变 box中背景图片

Answer 1

<script type="text/javascript">
$(document).ready(function(){
$("#flipsound").click(function(){
if($("#flipsound").hasClass("flipsound_off"))
{
$("#flipsound").removeClass("flipsound_off");
$("#flipsound").css({"backgroundImage":"url(./images/sound_on.png)"});
}else{
$("#flipsound").addClass("flipsound_off");
$("#flipsound").css({"backgroundImage":"url(./images/sound_off.png)"});
}
});
});
</script>

Answer 2

$(function(){
$(".nav ul li").click(function(){
var liIndex=$(this).index();
var imgAdd="url("+liIndex+".jpg)"; /*背景图片地址，背景图片需要定义成同路径下的o.jpg ,1.jpg */
$(".box .container .content").eq(liIndex).css("display","block").siblings().css("display","none");
$(".box").css("background",imgAdd);
})
})