动态改变背景图没反应。

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


...全文
138 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
  • 打赏
  • 举报
回复
你代码上两张图片的名称不是一样的么?

87,901

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧