国产一区二区视频在线播放,亚洲欧美日韩精品永久在线

<strike id="g1010"><menuitem id="g1010"><ins id="g1010"></ins></menuitem></strike>

唐山網(wǎng)站建設(shè),唐山網(wǎng)站制作,唐山做網(wǎng)站,唐山網(wǎng)頁設(shè)計,唐山網(wǎng)站優(yōu)化,唐山網(wǎng)絡(luò)公司,唐山400電話業(yè)務(wù) 24小時熱線：15031560143 關(guān)于我們 | 網(wǎng)站模版 | 支付方式 | 網(wǎng)站地圖

首頁 > 在企業(yè)網(wǎng)站建設(shè)中一個頁面多個選項卡代碼推薦！

在企業(yè)網(wǎng)站建設(shè)中一個頁面多個選項卡代碼推薦！

時間：2012/11/23 10:37:23 作者：tsccwl 人氣：標簽：

　　

在唐山企業(yè)網(wǎng)站建設(shè)中一個頁面多個選項卡代碼推薦！

各個選項卡互不影響獨立運行

只用一個JS代碼就可以

代碼如下：

<script type="text/javascript">
function nTabs(thisObj,Num){
if(thisObj.className == "active")return;
var tabObj = thisObj.parentNode.id;
var tabList = document.getElementById(tabObj).getElementsByTagName("li");
for(i=0; i <tabList.length; i++)
{
  if (i == Num)
  {
   thisObj.className = "active"; 
      document.getElementById(tabObj+"_Content"+i).style.display = "block";
  }else{
   tabList[i].className = "normal"; 
   document.getElementById(tabObj+"_Content"+i).style.display = "none";
  }
} 
}
</script>
 
<style type="text/css">

</style>


<div   id="11qkbio"   class="nTab">
<div   id="6si1cl0"   class="TabTitle">
<ul id="myTab">
<li id="jx6w1u6"    class="active" onmouseover="nTabs(this,0);">ASP</li>
<li id="t505n1k"    class="normal" onmouseover="nTabs(this,1);">PHP</li>
</ul>
</div>
<div   id="116wdjz"   class="TabContent">
<div   class="l16rn6f"   id="myTab_Content0">同一頁面，滑動門，選項卡同在</div>
<div   class="15uuhxq"   id="myTab_Content1" class="none">兼容性好</div>
</div>
</div>
 

<div   id="h65y51d"   class="nTab">
<div   id="w5m6000"   class="TabTitle">
<ul id="myTab1">
<li id="n5li6u6"    class="active" onclick="nTabs(this,0);">ASP</li>
<li id="1c511uy"    class="normal" onclick="nTabs(this,1);">PHP</li>
</ul>
</div>
<div   id="0116mm1"   class="TabContent">
<div   class="6s5r51j"   id="myTab1_Content0">簡潔TAB，滑動門，選項卡</div>
<div   class="66z66hs"   id="myTab1_Content1" class="none">兼容性好</div>
</div>
</div>
 

<div   id="66u6hxh"   class="nTab">
<div   id="vau666y"   class="TabTitle">
<ul id="myTab2">
<li id="v6q1k1u"    class="active" onclick="nTabs(this,0);">ASP</li>
<li id="f0bilb1"    class="normal" onclick="nTabs(this,1);">PHP</li>
</ul>
</div>
<div   id="1y6a1r5"   class="TabContent">
<div   class="1k6yps1"   id="myTab2_Content0">簡潔TAB，滑動門，選項卡</div>
<div   class="f56666d"   id="myTab2_Content1" class="none">兼容性好</div>
</div>
</div>

提示：復(fù)制和保存代碼功能在FF下無效。

上一篇：淘寶“12.12”玩法升級消費者、商家說了算
下一篇：百度CEO李彥宏與蓋茨會面教蓋茨“被吸煙，我不干”

地址：中國.唐山市路北區(qū)尚座即理工大學(xué)對面中國.河北唐山遵化市唐山做網(wǎng)站
本站網(wǎng)址：hello-bees.cn聯(lián)系電話：0315-6025099 建站熱線：15031560143

唐山網(wǎng)站建設(shè)報價咨詢

網(wǎng)站售前售后服務(wù)

冀ICP備12014317號-1 版權(quán)所有:唐山長城網(wǎng)絡(luò) hello-bees.cn

<table id="url50"><menuitem id="url50"><ins id="url50"></ins></menuitem></table>

<kbd id="url50"></kbd>