动态改变背景图没反应。解决办法

动态改变背景图没反应。

HTML code

.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>

 

JScript code

      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'就起作用

[解决办法]
你代码上两张图片的名称不是一样的么？

[解决办法]
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)';

图片名称不是一样的么？


[解决办法]
Style="background-image: url('./images/qbg.jpg');" 我在控件上增加背景图片是这个样的
楼主看看你的编码是不是有问题
[解决办法]
建议在css 里面写好2个不同的class
用js换class 比较好。

查看更多 下一篇