动态改变背景图没反应。

[zzxap]

.tab{list-style-type:none;float:left; width:100px;  height:23px; text-align:center;overflow:hidden; margin:2px ;background: url(../images/lrtk.png) no-repeat 0 -108px;border:1px solid black;}


<ul>
                <li id="tab1" class="tab" onclick ="change_option(4,1)"><a href="#fragment-1"><asp:Literal ID="LtDESC" runat="server">简介</asp:Literal></a></li>
                <li id="tab2"  class="tab" onclick ="change_option(4,2)"><a href="#fragment-2"><asp:Literal ID="LtParameters" runat="server">详细参数</asp:Literal></a></li>
                <li id="tab3" class="tab" onclick ="change_option(4,3)"><a href="#fragment-3"><asp:Literal ID="LtPacking" runat="server">包装清单</asp:Literal></a></li>
                <li id="tab4"  class="tab" onclick="TOProductsReply()"><a href="#fragment-4"><asp:Literal ID="LtTalking" runat="server">产品评论</asp:Literal></a></li>
            </ul>

      
function change_option(a,b)
{ 
  for (var i = 1; i <= a; i++)
  {
    document.getElementById('fragment' + i).style.display = 'none';
    document.getElementById('tab'+i).style.background='url(images/MenuRed.png)'; 
  }
    document.getElementById('fragment' + b).style.display = 'block';
    document.getElementById('tab'+b).style.background='url(images/MenuRed.png)';
    // document.getElementById('tab'+b).className="bg"
}

点击的时候将当前的背景图换一个。就是没换。style.display = 'none'就起作用

[loveapp0522]

你代码上两张图片的名称不是一样的么？

[loveapp0522]

document.getElementById('fragment' + i).style.display = 'none';
document.getElementById('tab'+i).style.background='url(images/MenuRed.png)';


和
document.getElementById('fragment' + b).style.display = 'block';
document.getElementById('tab'+b).style.background='url(images/MenuRed.png)';

图片名称不是一样的么？

[zzxap]

图片名称是手漏写错了。换了不同名称也没反应的，我折腾了很久了

[zzxap]

function change_option(a,b)
{ 
  for (var i = 1; i <= a; i++)
  {
    document.getElementById('fragment' + i).style.display = 'none';
    document.getElementById('tab'+i).style.background='url(images/MenuGreen.png)'; 
  }
    document.getElementById('fragment' + b).style.display = 'block';
    document.getElementById('tab'+b).style.backgroundImage="url(images/MenuRed.png)";//    style.background='url(images/MenuRed.png)';
     //document.getElementById('tab'+b).className="bg"
}

[loveapp0522]

Style="background-image: url('./images/qbg.jpg');" 我在控件上增加背景图片是这个样的
楼主看看你的编码是不是有问题

[rivertrue]

建议在css 里面写好2个不同的class
用js换class 比较好。

[zzxap]

document.getElementById('tab'+b).className="bg"

都试过了。诡异

[zzxap]

行了。晕。。。。。。。。。

[qiao0923]

怎么好的？分享一下

[azcn9898]

换classname没问题但是操作backgroud就是不起作用