当前位置：首页 → 问答吧 → 急，请大家帮忙，一个Div+Js问题

急，请大家帮忙，一个Div+Js问题

时间：2010-05-06

来源：互联网

因为网页中这一块滑动门有很多地方是一样的，所以我让人家帮我写了一个通用的js，可是在IE下可以用，在火狐下就用不了了，请大家帮帮忙。
//-------这是div部分------//
<div class="Slide01" >
<div class="Slidemenu">
<ul class="tbtn">
<li onclick="tabit(this)" id="tabap1_btn_0" class="curr">电脑入门</li>
<li onclick="tabit(this)" id="tabap1_btn_1">常用技巧</li>
<li onclick="tabit(this)" id="tabap1_btn_2">上网指南</li>
<li style="border-right:none;" onclick="tabit(this)" id="tabap1_btn_3">常用软件</li>
</ul>
</div>
<div class="SdCont01" id="tabap1_div_0"></div>
<div style="display: none;" class="tbcon" >这里是分类导航</div>
<div style="display: none;" class="tbcon" >网页特效的内容</div>
<div style="display: none;" class="tbcon" >浏览排行</div>
</div>

//---这是Css部分--------//
.Slide01{ width:395px; height:368px; border:1px solid #cbe0f7; float:left; margin-left:10px;}
.Slidemenu{ width:395px; height:26px;}
ul.tbtn li.curr{background:#fff;border-bottom-color:#fff;cursor:default;color:#156db2; font-weight:bold;}
ul.tbtn li{background:#fffbf7;border:1px solid #cbe0f7;border-left:none;border-top:none;color:#156db2;cursor

ointer;display:block;float:left;height:26px;line-height:26px;text-align:center;
text-decoration:none;width:98px;background:url(images/qqmidmenu.gif) repeat-x;}

//---- 这是JS部分------//
function tabit(btn)
{
var index=0;
for(i=0;i<btn.parentNode.childNodes.length;i++)
{
var o=btn.parentNode.childNodes[i];
o.className = "";
if ( btn==o)
{
index=i;
}
};
btn.style.display = "block";
btn.className = "curr";
var pNode =btn.parentNode.parentNode.parentNode;
for ( i=1 ;i< pNode.childNodes.length;i++)
{
pNode.childNodes[i].style.display = "none";
}
pNode.childNodes[index+1].style.display = "block";

};

作者: syr320 发布时间: 2010-05-06

为什么都要写的那么麻烦了

作者: fenghuif 发布时间: 2010-05-06

作者: fenghuif 发布时间: 2010-05-06

因为像这块滑动的一个页面中有很多个（这就是我要修改的那个页面http://55701.8m8m.info)那js是我找人写的一个通用的

作者: syr320 发布时间: 2010-05-06

像你写的只能出现一个滑动块，如果出现两个的话就不行了，这个页面中像这样的滑块有很多个，我想写个通用的
（这就是我要修改的那个页面http://55701.8m8m.info)

作者: syr320 发布时间: 2010-05-06

楼主看这里 http://bbs.blueidea.com/thread-2983001-1-1.html

作者: 泥巴巴发布时间: 2010-05-06

嗯，我看了，但是一个页面里放两个这样的DIV滑动块就不行了，不过，还是要谢谢你~~~

作者: syr320 发布时间: 2010-05-06