目前我已经提取了一个css+js的联动表单,但是不能实现一个页面2个表单,麻烦高手告知怎么解决.实现同一个页面双联动表单,而且互相不影响.谢谢

<SCRIPT language=javascript> 
function doClick_down(oo){ 
 oo.className="current"; 
 var jj; 
 var idd; 
 var ee; 
 for(var n=1;n <=4;n++){ 
   idd ="downn"+n; 
   jj = document.getElementById(idd); 
   ee = document.getElementById("d_conn"+n); 
   if(idd != o.idd){ 
     jj.className=""; 
     ee.style.display = "none"; 
   }else{ 
ee.style.display = "block"; 
   } 
 } 
 } 
  </SCRIPT> 
换成这样了都没有效果!

解决方案 »

  1.   

    看一下，不知道是不是你要的效果：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>无标题文档</title>
    <style type="text/css"> 
    <!-- ol, ul { 
        list-style: none; 
    } .col2 { 
        float: left; 
        margin-right: 10px; } .box{ 
    border:1px solid #99BBDD; 
    margin:2px;
    float:left; 
    } 
    .box_1 ul{ 
    padding:5px; 
    } 
    .box_title{ 
    background:url(news_bg.gif); 
        position: relative; 
        height: 28px; 
    } 
    .box_title h3 { 
        height: 26px; 
        line-height: 26px; 
        margin: 1px 1px 0; 
        padding: 0 10px; 
        font-weight: bold; 
        font-size: 120%; 
        color: #275c91; 
    } 
    .box_title span { 
    float:right; 
    padding-top:5px; 
    padding-right:5px; 
    } 
    .box .tab h3, 
    .box .tab ul.tabitem, 
    .box .tab ul.tabitem li { 
        float: left; 
    font-size:12px; 
    } 
    .box .tab ul.tabitem { 
        line-height: 2.3; 
    } 
    .box .tab ul.tabitem li { 
        margin: 0 -1px -1px 0; 
        position: relative; 
    } 
    .box .tab ul.tabitem a { 
        display: block; 
        padding: 0 5px; 
    } .box .tab ul.tabitem a.current, 
    .box .tab ul.tabitem a:hover { 
        border: solid #99bbdd; 
        border-width: 0 1px; 
        padding: 0 4px; 
        background: #fff; 
    } 
    a:link, a:visited { 
        color: #333; 
        text-decoration: none; 
    } .note { 
        margin: 0 15px 10px; 
    color:#666666; 
    } 
    .note span{ 
    float:right; 
    } 
    .disable { 
        display: none; 
    } --> 
    </style> 
    <SCRIPT language=javascript> 
    function doClick_down(o){ 
     o.className="current"; 
     var j; 
     var id; 
     var e,k=0; 
     if(parseInt(o.id.charAt(4))>4)
      k=4;
       for(var i=1+k;i <=4+k;i++){ 
       id ="down"+i; 
       j = document.getElementById(id); 
       e = document.getElementById("d_con"+i); 
       if(id != o.id){ 
         j.className=""; 
         e.style.display = "none"; 
       }else{ 
    e.style.display = "block"; 
       } 
      }
     
     } 
      </SCRIPT> </head><body>
    <div class="col2" style="width: 428px; height: 288px"> 
           <div class="box"> 
             <div class="box_title tab"> <h3>最新下载 </h3> 
                 <ul class="tabitem"> 
                     <li> <a href="http://down.chinaz.com/class/3_1.htm" target="_blank" class="current" id="down1" onmouseover="javascript:doClick_down(this)">ASP源码 </a> </li> 
                     <li> <a href="http://down.chinaz.com/class/4_1.htm" target="_blank" id="down2" onmouseover="javascript:doClick_down(this)">.NET源码 </a> </li> 
                     <li> <a href="http://down.chinaz.com/class/5_1.htm" target="_blank" id="down3" onmouseover="javascript:doClick_down(this)">PHP源码 </a> </li> 
                     <li> <a href="http://down.chinaz.com/class/10_1.htm" target="_blank" id="down4" onmouseover="javascript:doClick_down(this)">软件 </a> </li> 
                 </ul> 
             </div> 
             <div class="box_1"> 
                 <ul class="down_box" style="display:block;" id="d_con1">Asp源码列表装载中 </ul> 
                 <ul class="down_box disable" id="d_con2">.Net源码列表装载中... </ul> 
                 <ul class="down_box disable" id="d_con3">Php源码列表装载中... </ul> 
                 <ul class="down_box disable" id="d_con4">常用软件源码列表装载中... </ul> 
              </div> 
          </div> 
           <div class="box"> 
             <div class="box_title tab"> <h3>最新下载 </h3> 
                 <ul class="tabitem"> 
                     <li> <a href="http://down.chinaz.com/class/3_1.htm" target="_blank" class="current" id="down5" onmouseover="javascript:doClick_down(this)">ASP源码 </a> </li> 
                     <li> <a href="http://down.chinaz.com/class/4_1.htm" target="_blank" id="down6" onmouseover="javascript:doClick_down(this)">.NET源码 </a> </li> 
                     <li> <a href="http://down.chinaz.com/class/5_1.htm" target="_blank" id="down7" onmouseover="javascript:doClick_down(this)">PHP源码 </a> </li> 
                     <li> <a href="http://down.chinaz.com/class/10_1.htm" target="_blank" id="down8" onmouseover="javascript:doClick_down(this)">软件 </a> </li> 
                 </ul> 
             </div> 
             <div class="box_1"> 
                 <ul class="down_box" style="display:block;" id="d_con5">ListOne... </ul> 
                 <ul class="down_box disable" id="d_con6">ListTwo...</ul> 
                 <ul class="down_box disable" id="d_con7">ListThree... </ul> 
                 <ul class="down_box disable" id="d_con8">ListFour... </ul> 
              </div> 
          </div> </body>
    </html>
      

  2.   

    和楼上的效果差不多，但是要是上了两个以上，代码应该怎么改动呢？？比如要是是6个呢？？
    <SCRIPT language=javascript> 
    function doClick_down(o){ 
     o.className="current"; 
     var j; 
     var id; 
     var e,k=0; 
     if(parseInt(o.id.charAt(4))>4)
         k=4;
          for(var i=1+k;i <=4+k;i++){ 
       id ="down"+i; 
       j = document.getElementById(id); 
       e = document.getElementById("d_con"+i); 
       if(id != o.id){ 
         j.className=""; 
         e.style.display = "none"; 
       }else{ 
    e.style.display = "block"; 
       } 
      }
     
     } 
      </SCRIPT> 
    谢谢！
      

  3.   

    <SCRIPT language=javascript>  
    function doClick_down(o){  
     o.className="current";  
     var j;  
     var id;  
     var e,k=0;  
     if(parseInt(o.id.charAt(4))>4) //就是从id="down5"中取出数字并判断是否大于4 如果大于就要做个加基数的处理
         k=4; 
          for(var i=1+k;i  <=4+k;i++){  
       id ="down"+i;  
       j = document.getElementById(id);  
       e = document.getElementById("d_con"+i);  
       if(id != o.id){  
         j.className="";  
         e.style.display = "none";  
       }else{  
    e.style.display = "block";  
       }  
      } 
      
     }  
       </SCRIPT> 
      

  4.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>无标题文档</title>
    <style type="text/css"> 
    <!-- ol, ul { 
        list-style: none; 
    } .col2 { 
        float: left; 
        margin-right: 10px; } .box{ 
    border:1px solid #99BBDD; 
    margin:2px;
    float:left; 
    } 
    .box_1 ul{ 
    padding:5px; 
    } 
    .box_title{ 
    background:url(news_bg.gif); 
        position: relative; 
        height: 28px; 
    } 
    .box_title h3 { 
        height: 26px; 
        line-height: 26px; 
        margin: 1px 1px 0; 
        padding: 0 10px; 
        font-weight: bold; 
        font-size: 120%; 
        color: #275c91; 
    } 
    .box_title span { 
    float:right; 
    padding-top:5px; 
    padding-right:5px; 
    } 
    .box .tab h3, 
    .box .tab ul.tabitem, 
    .box .tab ul.tabitem li { 
        float: left; 
    font-size:12px; 
    } 
    .box .tab ul.tabitem { 
        line-height: 2.3; 
    } 
    .box .tab ul.tabitem li { 
        margin: 0 -1px -1px 0; 
        position: relative; 
    } 
    .box .tab ul.tabitem a { 
        display: block; 
        padding: 0 5px; 
    } .box .tab ul.tabitem a.current, 
    .box .tab ul.tabitem a:hover { 
        border: solid #99bbdd; 
        border-width: 0 1px; 
        padding: 0 4px; 
        background: #fff; 
    } 
    a:link, a:visited { 
        color: #333; 
        text-decoration: none; 
    } .note { 
        margin: 0 15px 10px; 
    color:#666666; 
    } 
    .note span{ 
    float:right; 
    } 
    .disable { 
        display: none; 
    } --> 
    </style> 
    <SCRIPT language=javascript> 
    function doClick_down(o){ 
     o.className="current"; 
     var j; 
     var id; 
     var e,k=0; 
     if(parseInt(o.id.charAt(4))>4)
         k=4;
          for(var i=1+k;i <=4+k;i++){ 
       id ="down"+i; 
       j = document.getElementById(id); 
       e = document.getElementById("d_con"+i); 
       if(id != o.id){ 
         j.className=""; 
         e.style.display = "none"; 
       }else{ 
    e.style.display = "block"; 
       } 
      }
     
     } 
      </SCRIPT> </head><body>
    <div class="col2" style="width: 428px; height: 288px"> 
           <div class="box"> 
             <div class="box_title tab"> <h3>最新下载 </h3> 
                 <ul class="tabitem"> 
                     <li> <a href="http://down.chinaz.com/class/3_1.htm" target="_blank" class="current" id="down1" onmouseover="javascript:doClick_down(this)">ASP源码 </a> </li> 
                     <li> <a href="http://down.chinaz.com/class/4_1.htm" target="_blank" id="down2" onmouseover="javascript:doClick_down(this)">.NET源码 </a> </li> 
                     <li> <a href="http://down.chinaz.com/class/5_1.htm" target="_blank" id="down3" onmouseover="javascript:doClick_down(this)">PHP源码 </a> </li> 
                     <li> <a href="http://down.chinaz.com/class/10_1.htm" target="_blank" id="down4" onmouseover="javascript:doClick_down(this)">软件 </a> </li> 
                 </ul> 
             </div> 
             <div class="box_1"> 
                 <ul class="down_box" style="display:block;" id="d_con1">Asp源码列表装载中 </ul> 
                 <ul class="down_box disable" id="d_con2">.Net源码列表装载中... </ul> 
                 <ul class="down_box disable" id="d_con3">Php源码列表装载中... </ul> 
                 <ul class="down_box disable" id="d_con4">常用软件源码列表装载中... </ul> 
              </div> 
          </div> 
           <div class="box"> 
             <div class="box_title tab"> <h3>最新下载 </h3> 
                 <ul class="tabitem"> 
                     <li> <a href="http://down.chinaz.com/class/3_1.htm" target="_blank" class="current" id="down5" onmouseover="javascript:doClick_down(this)">ASP源码 </a> </li> 
                     <li> <a href="http://down.chinaz.com/class/4_1.htm" target="_blank" id="down6" onmouseover="javascript:doClick_down(this)">.NET源码 </a> </li> 
                     <li> <a href="http://down.chinaz.com/class/5_1.htm" target="_blank" id="down7" onmouseover="javascript:doClick_down(this)">PHP源码 </a> </li> 
                     <li> <a href="http://down.chinaz.com/class/10_1.htm" target="_blank" id="down8" onmouseover="javascript:doClick_down(this)">软件 </a> </li> 
                 </ul> 
             </div> 
             <div class="box_1"> 
                 <ul class="down_box" style="display:block;" id="d_con5">ListOne... </ul> 
                 <ul class="down_box disable" id="d_con6">ListTwo...</ul> 
                 <ul class="down_box disable" id="d_con7">ListThree... </ul> 
                 <ul class="down_box disable" id="d_con8">ListFour... </ul> 
              </div> 
          </div> 
           <div class="box"> 
             <div class="box_title tab"> <h3>最新下载 </h3> 
                 <ul class="tabitem"> 
                     <li> <a href="http://down.chinaz.com/class/3_1.htm" target="_blank" class="current" id="down9" onmouseover="javascript:doClick_down(this)">ASP源码 </a> </li> 
                     <li> <a href="http://down.chinaz.com/class/4_1.htm" target="_blank" id="down10" onmouseover="javascript:doClick_down(this)">.NET源码 </a> </li> 
                     <li> <a href="http://down.chinaz.com/class/5_1.htm" target="_blank" id="down11" onmouseover="javascript:doClick_down(this)">PHP源码 </a> </li> 
                     <li> <a href="http://down.chinaz.com/class/10_1.htm" target="_blank" id="down12" onmouseover="javascript:doClick_down(this)">软件 </a> </li> 
                 </ul> 
             </div> 
             <div class="box_1"> 
                 <ul class="down_box" style="display:block;" id="d_con9">ListOne... </ul> 
                 <ul class="down_box disable" id="d_con10">ListTwo...</ul> 
                 <ul class="down_box disable" id="d_con11">ListThree... </ul> 
                 <ul class="down_box disable" id="d_con12">ListFour... </ul> 
              </div> 
          </div> 
    </body>
    </html>
    我用你给的JS，加了一个切换窗就出问题了，我目前是要在一个页面实现8个这样的切换窗！谢谢指导
      

  5.   

    www.cctv258.com里面中间拿部分的效果？？
      

  6.   

    效果就是lawrendc提供的效果，不过就是切换窗要换成8个，不是两个！
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>无标题文档</title>
    <style type="text/css"> 
    <!-- ol, ul { 
        list-style: none; 
    } .col2 { 
        float: left; 
        margin-right: 10px; } .box{ 
    border:1px solid #99BBDD; 
    margin:2px;
    float:left; 
    } 
    .box_1 ul{ 
    padding:5px; 
    } 
    .box_title{ 
    background:url(news_bg.gif); 
        position: relative; 
        height: 28px; 
    } 
    .box_title h3 { 
        height: 26px; 
        line-height: 26px; 
        margin: 1px 1px 0; 
        padding: 0 10px; 
        font-weight: bold; 
        font-size: 120%; 
        color: #275c91; 
    } 
    .box_title span { 
    float:right; 
    padding-top:5px; 
    padding-right:5px; 
    } 
    .box .tab h3, 
    .box .tab ul.tabitem, 
    .box .tab ul.tabitem li { 
        float: left; 
    font-size:12px; 
    } 
    .box .tab ul.tabitem { 
        line-height: 2.3; 
    } 
    .box .tab ul.tabitem li { 
        margin: 0 -1px -1px 0; 
        position: relative; 
    } 
    .box .tab ul.tabitem a { 
        display: block; 
        padding: 0 5px; 
    } .box .tab ul.tabitem a.current, 
    .box .tab ul.tabitem a:hover { 
        border: solid #99bbdd; 
        border-width: 0 1px; 
        padding: 0 4px; 
        background: #fff; 
    } 
    a:link, a:visited { 
        color: #333; 
        text-decoration: none; 
    } .note { 
        margin: 0 15px 10px; 
    color:#666666; 
    } 
    .note span{ 
    float:right; 
    } 
    .disable { 
        display: none; 
    } --> 
    </style> 
    <SCRIPT language=javascript> 
    function doClick_down(o){ 
     o.className="current"; 
     var j; 
     var id; 
     var e,k=0; 
     if(parseInt(o.id.charAt(4))>4)
         k=4;
          for(var i=1+k;i <=4+k;i++){ 
       id ="down"+i; 
       j = document.getElementById(id); 
       e = document.getElementById("d_con"+i); 
       if(id != o.id){ 
         j.className=""; 
         e.style.display = "none"; 
       }else{ 
    e.style.display = "block"; 
       } 
      }
     
     } 
      </SCRIPT> </head><body>
    <div class="col2" style="width: 428px; height: 288px"> 
           <div class="box"> 
             <div class="box_title tab"> <h3>最新下载 </h3> 
                 <ul class="tabitem"> 
                     <li> <a href="http://down.chinaz.com/class/3_1.htm" target="_blank" class="current" id="down1" onmouseover="javascript:doClick_down(this)">ASP源码 </a> </li> 
                     <li> <a href="http://down.chinaz.com/class/4_1.htm" target="_blank" id="down2" onmouseover="javascript:doClick_down(this)">.NET源码 </a> </li> 
                     <li> <a href="http://down.chinaz.com/class/5_1.htm" target="_blank" id="down3" onmouseover="javascript:doClick_down(this)">PHP源码 </a> </li> 
                     <li> <a href="http://down.chinaz.com/class/10_1.htm" target="_blank" id="down4" onmouseover="javascript:doClick_down(this)">软件 </a> </li> 
                 </ul> 
             </div> 
             <div class="box_1"> 
                 <ul class="down_box" style="display:block;" id="d_con1">Asp源码列表装载中 </ul> 
                 <ul class="down_box disable" id="d_con2">.Net源码列表装载中... </ul> 
                 <ul class="down_box disable" id="d_con3">Php源码列表装载中... </ul> 
                 <ul class="down_box disable" id="d_con4">常用软件源码列表装载中... </ul> 
              </div> 
          </div> 
           <div class="box"> 
             <div class="box_title tab"> <h3>最新下载 </h3> 
                 <ul class="tabitem"> 
                     <li> <a href="http://down.chinaz.com/class/3_1.htm" target="_blank" class="current" id="down5" onmouseover="javascript:doClick_down(this)">ASP源码 </a> </li> 
                     <li> <a href="http://down.chinaz.com/class/4_1.htm" target="_blank" id="down6" onmouseover="javascript:doClick_down(this)">.NET源码 </a> </li> 
                     <li> <a href="http://down.chinaz.com/class/5_1.htm" target="_blank" id="down7" onmouseover="javascript:doClick_down(this)">PHP源码 </a> </li> 
                     <li> <a href="http://down.chinaz.com/class/10_1.htm" target="_blank" id="down8" onmouseover="javascript:doClick_down(this)">软件 </a> </li> 
                 </ul> 
             </div> 
             <div class="box_1"> 
                 <ul class="down_box" style="display:block;" id="d_con5">ListOne... </ul> 
                 <ul class="down_box disable" id="d_con6">ListTwo...</ul> 
                 <ul class="down_box disable" id="d_con7">ListThree... </ul> 
                 <ul class="down_box disable" id="d_con8">ListFour... </ul> 
              </div> 
          </div> </body>
    </html>
      

  7.   

    看看嘛：更换js代码 然后你任意添加你要的层<SCRIPT language=javascript> 
    function doClick_down(o){ 
     o.className="current"; 
     var j; 
     var id; 
     var e,k=0,l=0,m=0;
     m=parseInt(o.id.substring(4));
     if (parseInt(m%4)!=0)
      m+=4;
     l=parseInt(m/4);
    // if(parseInt(o.id.charAt(4))>4)
        l=l==0?1:l;
         k=4*l;
          for(var i=k-3;i <=k;i++){ 
       id ="down"+i; 
       j = document.getElementById(id); 
       e = document.getElementById("d_con"+i); 
       if(id != o.id){ 
         j.className=""; 
         e.style.display = "none"; 
       }else{ 
    e.style.display = "block"; 
       } 
      }
     
     } 
      </SCRIPT> 
      

  8.   

    全代码：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>无标题文档</title>
    <style type="text/css"> 
    <!-- ol, ul { 
        list-style: none; 
    } .col2 { 
        float: left; 
        margin-right: 10px; } .box{ 
    border:1px solid #99BBDD; 
    margin:2px;
    float:left; 
    } 
    .box_1 ul{ 
    padding:5px; 
    } 
    .box_title{ 
    background:url(news_bg.gif); 
        position: relative; 
        height: 28px; 
    } 
    .box_title h3 { 
        height: 26px; 
        line-height: 26px; 
        margin: 1px 1px 0; 
        padding: 0 10px; 
        font-weight: bold; 
        font-size: 120%; 
        color: #275c91; 
    } 
    .box_title span { 
    float:right; 
    padding-top:5px; 
    padding-right:5px; 
    } 
    .box .tab h3, 
    .box .tab ul.tabitem, 
    .box .tab ul.tabitem li { 
        float: left; 
    font-size:12px; 
    } 
    .box .tab ul.tabitem { 
        line-height: 2.3; 
    } 
    .box .tab ul.tabitem li { 
        margin: 0 -1px -1px 0; 
        position: relative; 
    } 
    .box .tab ul.tabitem a { 
        display: block; 
        padding: 0 5px; 
    } .box .tab ul.tabitem a.current, 
    .box .tab ul.tabitem a:hover { 
        border: solid #99bbdd; 
        border-width: 0 1px; 
        padding: 0 4px; 
        background: #fff; 
    } 
    a:link, a:visited { 
        color: #333; 
        text-decoration: none; 
    } .note { 
        margin: 0 15px 10px; 
    color:#666666; 
    } 
    .note span{ 
    float:right; 
    } 
    .disable { 
        display: none; 
    } --> 
    </style> 
    <SCRIPT language=javascript> 
    function doClick_down(o){ 
     o.className="current"; 
     var j; 
     var id; 
     var e,k=0,l=0,m=0;
     m=parseInt(o.id.substring(4));
     if (parseInt(m%4)!=0)
      m+=4;
     l=parseInt(m/4);
    // if(parseInt(o.id.charAt(4))>4)
        l=l==0?1:l;
         k=4*l;
          for(var i=k-3;i <=k;i++){ 
       id ="down"+i; 
       j = document.getElementById(id); 
       e = document.getElementById("d_con"+i); 
       if(id != o.id){ 
         j.className=""; 
         e.style.display = "none"; 
       }else{ 
    e.style.display = "block"; 
       } 
      }
     
     } 
      </SCRIPT> </head><body>
    <div class="col2" style="width: 428px; height: 288px"> 
           <div class="box"> 
             <div class="box_title tab"> <h3>最新下载 </h3> 
                 <ul class="tabitem"> 
                     <li> <a href="http://down.chinaz.com/class/3_1.htm" target="_blank" class="current" id="down1" onmouseover="javascript:doClick_down(this)">ASP源码 </a> </li> 
                     <li> <a href="http://down.chinaz.com/class/4_1.htm" target="_blank" id="down2" onmouseover="javascript:doClick_down(this)">.NET源码 </a> </li> 
                     <li> <a href="http://down.chinaz.com/class/5_1.htm" target="_blank" id="down3" onmouseover="javascript:doClick_down(this)">PHP源码 </a> </li> 
                     <li> <a href="http://down.chinaz.com/class/10_1.htm" target="_blank" id="down4" onmouseover="javascript:doClick_down(this)">软件 </a> </li> 
                 </ul> 
             </div> 
             <div class="box_1"> 
                 <ul class="down_box" style="display:block;" id="d_con1">Asp源码列表装载中 </ul> 
                 <ul class="down_box disable" id="d_con2">.Net源码列表装载中... </ul> 
                 <ul class="down_box disable" id="d_con3">Php源码列表装载中... </ul> 
                 <ul class="down_box disable" id="d_con4">常用软件源码列表装载中... </ul> 
              </div> 
          </div> 
           <div class="box"> 
             <div class="box_title tab"> <h3>最新下载 </h3> 
                 <ul class="tabitem"> 
                     <li> <a href="http://down.chinaz.com/class/3_1.htm" target="_blank" class="current" id="down5" onmouseover="javascript:doClick_down(this)">ASP源码 </a> </li> 
                     <li> <a href="http://down.chinaz.com/class/4_1.htm" target="_blank" id="down6" onmouseover="javascript:doClick_down(this)">.NET源码 </a> </li> 
                     <li> <a href="http://down.chinaz.com/class/5_1.htm" target="_blank" id="down7" onmouseover="javascript:doClick_down(this)">PHP源码 </a> </li> 
                     <li> <a href="http://down.chinaz.com/class/10_1.htm" target="_blank" id="down8" onmouseover="javascript:doClick_down(this)">软件 </a> </li> 
                 </ul> 
             </div> 
             <div class="box_1"> 
                 <ul class="down_box" style="display:block;" id="d_con5">ListOne... </ul> 
                 <ul class="down_box disable" id="d_con6">ListTwo...</ul> 
                 <ul class="down_box disable" id="d_con7">ListThree... </ul> 
                 <ul class="down_box disable" id="d_con8">ListFour... </ul> 
              </div> 
          </div> 
      
       <div class="box"> 
             <div class="box_title tab"> <h3>最新下载 </h3> 
                 <ul class="tabitem"> 
                     <li> <a href="http://down.chinaz.com/class/3_1.htm" target="_blank" class="current" id="down9" onmouseover="javascript:doClick_down(this)">ASP源码 </a> </li> 
                     <li> <a href="http://down.chinaz.com/class/4_1.htm" target="_blank" id="down10" onmouseover="javascript:doClick_down(this)">.NET源码 </a> </li> 
                     <li> <a href="http://down.chinaz.com/class/5_1.htm" target="_blank" id="down11" onmouseover="javascript:doClick_down(this)">PHP源码 </a> </li> 
                     <li> <a href="http://down.chinaz.com/class/10_1.htm" target="_blank" id="down12" onmouseover="javascript:doClick_down(this)">软件 </a> </li> 
                 </ul> 
             </div> 
             <div class="box_1"> 
                 <ul class="down_box" style="display:block;" id="d_con9">ListOne... </ul> 
                 <ul class="down_box disable" id="d_con10">ListTwo...</ul> 
                 <ul class="down_box disable" id="d_con11">ListThree... </ul> 
                 <ul class="down_box disable" id="d_con12">ListFour... </ul> 
              </div> 
          </div>
      
          <div class="box"> 
             <div class="box_title tab"> <h3>最新下载 </h3> 
                 <ul class="tabitem"> 
                     <li> <a href="http://down.chinaz.com/class/3_1.htm" target="_blank" class="current" id="down13" onmouseover="javascript:doClick_down(this)">ASP源码 </a> </li> 
                     <li> <a href="http://down.chinaz.com/class/4_1.htm" target="_blank" id="down14" onmouseover="javascript:doClick_down(this)">.NET源码 </a> </li> 
                     <li> <a href="http://down.chinaz.com/class/5_1.htm" target="_blank" id="down15" onmouseover="javascript:doClick_down(this)">PHP源码 </a> </li> 
                     <li> <a href="http://down.chinaz.com/class/10_1.htm" target="_blank" id="down16" onmouseover="javascript:doClick_down(this)">软件 </a> </li> 
                 </ul> 
             </div> 
             <div class="box_1"> 
                 <ul class="down_box" style="display:block;" id="d_con13">ListOne... </ul> 
                 <ul class="down_box disable" id="d_con14">ListTwo...</ul> 
                 <ul class="down_box disable" id="d_con15">ListThree... </ul> 
                 <ul class="down_box disable" id="d_con16">ListFour... </ul> 
              </div> 
          </div>   
        
      
      

  9.   


          <div class="box"> 
             <div class="box_title tab"> <h3>最新下载 </h3> 
                 <ul class="tabitem"> 
                     <li> <a href="http://down.chinaz.com/class/3_1.htm" target="_blank" class="current" id="down17" onmouseover="javascript:doClick_down(this)">ASP源码 </a> </li> 
                     <li> <a href="http://down.chinaz.com/class/4_1.htm" target="_blank" id="down18" onmouseover="javascript:doClick_down(this)">.NET源码 </a> </li> 
                     <li> <a href="http://down.chinaz.com/class/5_1.htm" target="_blank" id="down19" onmouseover="javascript:doClick_down(this)">PHP源码 </a> </li> 
                     <li> <a href="http://down.chinaz.com/class/10_1.htm" target="_blank" id="down20" onmouseover="javascript:doClick_down(this)">软件 </a> </li> 
                 </ul> 
             </div> 
             <div class="box_1"> 
                 <ul class="down_box" style="display:block;" id="d_con17">ListOne... </ul> 
                 <ul class="down_box disable" id="d_con18">ListTwo...</ul> 
                 <ul class="down_box disable" id="d_con19">ListThree... </ul> 
                 <ul class="down_box disable" id="d_con20">ListFour... </ul> 
              </div> 
          </div>
      
        <div class="box"> 
             <div class="box_title tab"> <h3>最新下载 </h3> 
                 <ul class="tabitem"> 
                     <li> <a href="http://down.chinaz.com/class/3_1.htm" target="_blank" class="current" id="down21" onmouseover="javascript:doClick_down(this)">ASP源码 </a> </li> 
                     <li> <a href="http://down.chinaz.com/class/4_1.htm" target="_blank" id="down22" onmouseover="javascript:doClick_down(this)">.NET源码 </a> </li> 
                     <li> <a href="http://down.chinaz.com/class/5_1.htm" target="_blank" id="down23" onmouseover="javascript:doClick_down(this)">PHP源码 </a> </li> 
                     <li> <a href="http://down.chinaz.com/class/10_1.htm" target="_blank" id="down24" onmouseover="javascript:doClick_down(this)">软件 </a> </li> 
                 </ul> 
             </div> 
             <div class="box_1"> 
                 <ul class="down_box" style="display:block;" id="d_con21">ListOne... </ul> 
                 <ul class="down_box disable" id="d_con22">ListTwo...</ul> 
                 <ul class="down_box disable" id="d_con23">ListThree... </ul> 
                 <ul class="down_box disable" id="d_con24">ListFour... </ul> 
              </div> 
          </div>
      
           <div class="box"> 
             <div class="box_title tab"> <h3>最新下载 </h3> 
                 <ul class="tabitem"> 
                     <li> <a href="http://down.chinaz.com/class/3_1.htm" target="_blank" class="current" id="down25" onmouseover="javascript:doClick_down(this)">ASP源码 </a> </li> 
                     <li> <a href="http://down.chinaz.com/class/4_1.htm" target="_blank" id="down26" onmouseover="javascript:doClick_down(this)">.NET源码 </a> </li> 
                     <li> <a href="http://down.chinaz.com/class/5_1.htm" target="_blank" id="down27" onmouseover="javascript:doClick_down(this)">PHP源码 </a> </li> 
                     <li> <a href="http://down.chinaz.com/class/10_1.htm" target="_blank" id="down28" onmouseover="javascript:doClick_down(this)">软件 </a> </li> 
                 </ul> 
             </div> 
             <div class="box_1"> 
                 <ul class="down_box" style="display:block;" id="d_con25">ListOne... </ul> 
                 <ul class="down_box disable" id="d_con26">ListTwo...</ul> 
                 <ul class="down_box disable" id="d_con27">ListThree... </ul> 
                 <ul class="down_box disable" id="d_con28">ListFour... </ul> 
              </div> 
          </div>
      
           <div class="box"> 
             <div class="box_title tab"> <h3>最新下载 </h3> 
                 <ul class="tabitem"> 
                     <li> <a href="http://down.chinaz.com/class/3_1.htm" target="_blank" class="current" id="down29" onmouseover="javascript:doClick_down(this)">ASP源码 </a> </li> 
                     <li> <a href="http://down.chinaz.com/class/4_1.htm" target="_blank" id="down30" onmouseover="javascript:doClick_down(this)">.NET源码 </a> </li> 
                     <li> <a href="http://down.chinaz.com/class/5_1.htm" target="_blank" id="down31" onmouseover="javascript:doClick_down(this)">PHP源码 </a> </li> 
                     <li> <a href="http://down.chinaz.com/class/10_1.htm" target="_blank" id="down32" onmouseover="javascript:doClick_down(this)">软件 </a> </li> 
                 </ul> 
             </div> 
             <div class="box_1"> 
                 <ul class="down_box" style="display:block;" id="d_con29">ListOne... </ul> 
                 <ul class="down_box disable" id="d_con30">ListTwo...</ul> 
                 <ul class="down_box disable" id="d_con31">ListThree... </ul> 
                 <ul class="down_box disable" id="d_con32">ListFour... </ul> 
              </div> 
          </div>
    </div>
    </body>
    </html>