Js+Table网页分类标签(Tab)选项卡

2024-09-05 12:19:40

字体：大中小

来源：转载

供稿：网友

又一个网页分类标签(Tab)选项卡，Js+Table技术实现，不懂CSS的朋友可以考虑一下这一款，用TABLE布局时候有时候比CSS更方便，难度降底，适用于大多数设计者使用。

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>选项卡</title><style>body { text-align: center;} TD {FONT-SIZE: 12px; COLOR: #333;}.solid-bottom {BORDER-BOTTOM: #dddddd 1px solid}.sec1  {background-color:  #F4F4F4;cursor:  hand;color:  #000000;border-left:  1px  solid  #FFFFFF;border-top:  1px  solid  #FFFFFF;border-right:  1px  solid  gray;border-bottom:  1px  solid  #FFFFFF}.sec2  {background-color:  #EAEAEA;cursor:  hand;color:  #58A200;border-left:  1px  solid  #FFFFFF;border-top:  1px  solid  #FFFFFF;border-right:  1px  solid  gray;font-weight:  bold;}</style></head><body><table width="400" border="0" cellpadding="0" cellspacing="0" class="solid-bottom">  <tr>    <td width="383" height="19"><table  border="0"  cellpadding="0"  cellspacing="0"  id="secTable">      <tr>        <td  width="70" align="center"  class="sec2"  onclick="secBoard(0)">AveIcon</td>        <td  width="120" align="center"  class="sec1"  onclick="secBoard(1)">SWF_Decompiler</td>        <td  width="110" align="center"  class="sec1"  onclick="secBoard(2)">FlashCatcher</td>      </tr>    </table></td>    <td width="17"><script  language="JavaScript" type="text/javascript">function  secBoard(n){for(i=0;i<secTable.cells.length;i++)secTable.cells[i].className="sec1";secTable.cells[n].className="sec2";for(i=0;i<mainTable.tBodies.length;i++)mainTable.tBodies[i].style.display="none";mainTable.tBodies[n].style.display="block";}</script></td>  </tr></table><table  border="0"  cellspacing="5"  cellpadding="0"  width="400"  height="120"  id="mainTable">  <tbody  style="display:block;">    <tr>      <td height="120"><table width="100%" border="0" cellspacing="0" cellpadding="0">        <tr>          <td height="72"><img src="/d/file/p/2024/09-05/be1e0e992847dad8a0513ec0bceb48ec.gif" width="180" height="41" align="left" />AveIcon 是一个小巧的 ICO/PNG 互转小工具，有了它你就不用再打开庞大的 Axialis IconWorkshop   了，只需拖动图片到窗口中再拖动回来，转换就完成了。 </td>        </tr>        <tr>          <td height="22" align="right">立刻下载 AveIcon</td>        </tr>      </table></td>    </tr>  </tbody>  <tbody  style="display:none;">    <tr>      <td height="120"><table width="100%" border="0" cellspacing="0" cellpadding="0">        <tr>          <td height="72"><img src="/d/file/p/2024/09-05/be1e0e992847dad8a0513ec0bceb48ec.gif" width="51" height="53" align="right" />用于浏览和解析Flash动画.swf文件的工具。它能够将flash动画中的图片、矢量图、字体、文字、按钮、影片片段、帧等基本元素完全分解，还可以对flash影片动作Action进行解析，清楚的显示其动作的代码，让您对Flash动画的构造一目了然。</td>        </tr>        <tr>          <td height="22" align="right">下载 SWF_Decompiler</td>        </tr>      </table></td>    </tr>  </tbody>  <tbody  style="display:none;">    <tr>      <td height="120"><table width="100%" border="0" cellspacing="0" cellpadding="0">        <tr>          <td height="72"><img src="/d/file/p/2024/09-05/be1e0e992847dad8a0513ec0bceb48ec.gif" width="180" height="40" align="left" />在浏览网页的时候，有没有为了保存一个喜欢的Flash而不知所措呢？别急，本软件可以让您轻而易举地将页面中的Flash给抓出来，保存Flash就这么简单。</td>        </tr>        <tr>          <td height="22" align="right">下载 FlashCatcher</td>        </tr>      </table></td>    </tr>  </tbody>  <tbody  style="display:none;">  </tbody></table></body></html>

上一篇：超实用的JS后台折叠管理菜单

下一篇：JS+Css伸缩菜单，红色