首页 | 风讯安装 | 后台管理 | 升级转换 | 模板制作 | 标签说明 | 采集说明 | 常见问题 | 自由标签 | 样式管理 | 功能扩展 | 插件使用 |
常 见 问 题
新 手 入 门
中 级 进 阶
高 级 技 巧
 我也放个栏目切换代码,简简单单的。 ★★★★★ 【字体:小 大】 
我也放个栏目切换代码,简简单单的。
http://www.foosun.cn   作者:linqingwen   来源:  点击:   更新时间:07-02-22 09:37:58
http://bbs.foosun.net/dispbbs.asp?BoardID=51&ID=45658&replyID=&skin=1

吭哧吭哧了一上午,把163.com的栏目切换给扒下来了。我把css给去掉了。改用表格控制。喜欢这种不用层控制的东西。不知道对大家有没有用。有点不好就是把模板拉的老长。

发出来。给大家看看。:)

---------------------------------------------------

<script language="javascript">
function setFocus3(i)
{
 selectLayer3(i);
}
function selectLayer3(i)
{
 switch(i)
 {
 case 1:
 document.getElementById("N1").style.display="block";
 document.getElementById("N2").style.display="none";
 document.getElementById("N3").style.display="none";
 document.getElementById("N4").style.display="none";
 document.getElementById("N5").style.display="none";
 document.getElementById("N6").style.display="none";
 break;
 case 2:
 document.getElementById("N1").style.display="none";
 document.getElementById("N2").style.display="block";
 document.getElementById("N3").style.display="none";
 document.getElementById("N4").style.display="none";
 document.getElementById("N5").style.display="none";
 document.getElementById("N6").style.display="none";
 break;
 case 3:
 document.getElementById("N1").style.display="none";
 document.getElementById("N2").style.display="none";
 document.getElementById("N3").style.display="block";
 document.getElementById("N4").style.display="none";
 document.getElementById("N5").style.display="none";
 document.getElementById("N6").style.display="none";
 break;
 case 4:
 document.getElementById("N1").style.display="none";
 document.getElementById("N2").style.display="none";
 document.getElementById("N3").style.display="none";
 document.getElementById("N4").style.display="block";
 document.getElementById("N5").style.display="none";
 document.getElementById("N6").style.display="none";
 break;
 case 5:
 document.getElementById("N1").style.display="none";
 document.getElementById("N2").style.display="none";
 document.getElementById("N3").style.display="none";
 document.getElementById("N4").style.display="none";
 document.getElementById("N5").style.display="block";
 document.getElementById("N6").style.display="none";
 break;
  case 6:
 document.getElementById("N1").style.display="none";
 document.getElementById("N2").style.display="none";
 document.getElementById("N3").style.display="none";
 document.getElementById("N4").style.display="none";
 document.getElementById("N5").style.display="none";
 document.getElementById("N6").style.display="block";
 break;
 }
}
</script>     
   
 <div id="N1" style="display:block;">
  <div >
   <table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
        <td width="80"><a href="http://education.163.com/gaokao/" target="_blank">高考</a></td>
        <td width="80"><a href="javascript:setFocus3(2);" onMouseOver="javascript:setFocus3(2);" target="_self">自考</a></td>
        <td width="80"><a href="javascript:setFocus3(3);" onMouseOver="javascript:setFocus3(3);" target="_self">考研</a></td>
        <td width="80"><a href="javascript:setFocus3(4);" onMouseOver="javascript:setFocus3(4);" target="_self">四六级</a></td>
        <td><a href="javascript:setFocus3(5);" onMouseOver="javascript:setFocus3(5);" target="_self">公务员</a></td>
  </tr>
</table>
  </div>
  
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td>急求foosun专题能够解决</td>
      </tr>
    </table>
  </div>
</div></div>
     
 <div id="N2" style="display:none;">
  <div ><table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
        <td width="80"><a href="javascript:setFocus3(1);" onMouseOver="javascript:setFocus3(1);" target="_self">高考</a></td>
        <td width="80"><a href="http://education.163.com/zikao/" target="_blank">自考</a></td>
        <td width="80"><a href="javascript:setFocus3(3);" onMouseOver="javascript:setFocus3(3);" target="_self">考研</a></td>
        <td width="80"><a href="javascript:setFocus3(4);" onMouseOver="javascript:setFocus3(4);" target="_self">四六级</a></td>
        <td><a href="javascript:setFocus3(5);" onMouseOver="javascript:setFocus3(5);" target="_self">公务员</a></td>
  </tr>
</table>
   
  </div>
  
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
     
    <tr>
      <td>期待js调用更加完善</td>
      </tr>
    </table>
   
</div>
</div></div>
     
  <div id="N3" style="display:none;">
  <div ><table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
        <td width="80"><a href="javascript:setFocus3(1);" onMouseOver="javascript:setFocus3(1);" target="_self">高考</a></td>
        <td width="80"><a href="javascript:setFocus3(2);" onMouseOver="javascript:setFocus3(2);" target="_self">自考</a></td>
        <td width="80"><a href="http://education.163.com/kaoyan/" target="_blank">考研</a></td>
        <td width="80"><a href="javascript:setFocus3(4);" onMouseOver="javascript:setFocus3(4);" target="_self">四六级</a></td>
        <td><a href="javascript:setFocus3(5);" onMouseOver="javascript:setFocus3(5);" target="_self">公务员</a></td>
  </tr>
</table>
   
  </div>
  
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
       
      <td>foosun现在的编辑器不好用,老出废码</td>
      </tr>
    </table>
  </div>
</div></div>
     
<div id="N4" style="display:none;">
  
  <div ><table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
        <td width="80"><a href="javascript:setFocus3(1);" onMouseOver="javascript:setFocus3(1);" target="_self">高考</a></td>
        <td width="80"><a href="javascript:setFocus3(2);" onMouseOver="javascript:setFocus3(2);" target="_self">自考</a></td>
        <td width="80"><a href="javascript:setFocus3(3);" onMouseOver="javascript:setFocus3(3);" target="_self">考研</a></td>
        <td width="80"><a href="http://education.163.com/cet4/" target="_blank">四六级</a></td>
        <td><a href="javascript:setFocus3(5);" onMouseOver="javascript:setFocus3(5);" target="_self">公务员</a></td>
  </tr>
</table>
 
   
  </div>
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td>期待foosun把留言板做成论坛。。。</td>
        </tr>
      </table>
    </div>
</div>
      
<div id="N5" style="display:none;">
  <div>
   <table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
        <td width="80"><a href="javascript:setFocus3(1);" onMouseOver="javascript:setFocus3(1);" target="_self">高考</a></td>
        <td width="80"><a href="javascript:setFocus3(2);" onMouseOver="javascript:setFocus3(2);" target="_self">自考</a></td>
        <td width="80"><a href="javascript:setFocus3(3);" onMouseOver="javascript:setFocus3(3);" target="_self">考研</a></td>
        <td width="80"><a href="javascript:setFocus3(4);" onMouseOver="javascript:setFocus3(4);" target="_self">四六级</a></td>
        <td><a href="http://education.163.com/corp/official.html" target="_blank">公务员</a></td>
  </tr>
</table>
  </div>
  <div><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td><a href="http://education.163.com/corp/15/32D4VKT5000100CD.html">投稿功能不好用,希望登陆之后,就能选择相关栏目投稿,只显示允许投稿的栏目。</a></td>
      </tr>
    </table>
    </div></div></div>
<div id="N6" style="display:none;">
  <div>
   <table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
        <td width="80"><a href="javascript:setFocus3(1);" onMouseOver="javascript:setFocus3(1);" target="_self">高考</a></td>
        <td width="80"><a href="javascript:setFocus3(2);" onMouseOver="javascript:setFocus3(2);" target="_self">自考</a></td>
        <td width="80"><a href="javascript:setFocus3(3);" onMouseOver="javascript:setFocus3(3);" target="_self">考研</a></td>
        <td width="80"><a href="javascript:setFocus3(4);" onMouseOver="javascript:setFocus3(4);" target="_self">四六级</a></td>
        <td><a href="javascript:setFocus3(5);" onMouseOver="javascript:setFocus3(5);" target="_self">公务员</a></td>
  </tr>
</table>
  </div>
  <div><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td><a href="http://education.163.com/corp/15/32D4VKT5000100CD.html">希望foosun越办越好。</a></td>
      </tr>
    </table>
    </div></div>    
     
----------------------------------------

大家有兴趣的话,看看我做的站http://www.i-s.com.cn 第一屏“会员信息”那个。。。。。。简单了些。嘿嘿。

文章录入:风讯科技  责任编辑:风讯科技  
·上一篇:
·下一篇:
【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
 网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
 没有任何评论
2002-2006 Foosun Inc. 四川风讯科技发展有限公司.版权所有  蜀ICP备 05005237