动态改变背景图没反应。

zzxap 2010-02-10 11:40:31



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

...全文

157 10 打赏收藏转发到动态举报

写回复

用AI写文章

10 条回复

切换为时间正序

请发表友善的回复…

发表回复

azcn9898 2012-03-10

打赏
举报

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

qiao0923 2011-02-10

打赏
举报

怎么好的？分享一下

zzxap 2010-02-10

打赏
举报

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

zzxap 2010-02-10

打赏
举报

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

都试过了。诡异

rivertrue 2010-02-10

打赏
举报

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

loveapp0522 2010-02-10

打赏
举报

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

zzxap 2010-02-10

打赏
举报



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"

}

zzxap 2010-02-10

打赏
举报

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

loveapp0522 2010-02-10

打赏
举报

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)';

图片名称不是一样的么？

loveapp0522 2010-02-10