分享

常用网页选项卡代码--争做100

 素行 2007-03-15

网页选项卡代码-来自网易新闻站163.com-

<!-------------------------------下面是忠实于原文的代码----------------------->

js代码部分:

<script language="JavaScript" type="text/JavaScript">
<!--
function MM_showHideLayers() { //v6.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i =3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i 2];
    if (obj.style) { obj=obj.style; v=(v==‘show‘)?‘visible‘:(v==‘hide‘)?‘hidden‘:v; }
    obj.visibility=v; }
}
//-->
</script>

html代码部分:(主要代码已经加粗)
              <div id="news_r1" style="position:absolute; z-index:1; width: 172;">
                <table width="172" border="0" cellpadding="0" cellspacing="0">
                  <tr>
                    <td><a href=http://news.163.com/special/r/redianmore.html target=blank><img src="/images/news_r1.gif" width="88" height="34" border="0"></a></td>
                    <td><a href="javascript:;" onMouseOver="MM_showHideLayers(‘news_r1‘,‘‘,‘hide‘,‘news_r2‘,‘‘,‘show‘)"><img src="/images/news_r11.gif" width="84" height="34" border="0"></a></td>
                  </tr>
                </table>
                <table width="172" border="0" cellpadding="0" cellspacing="0">
                  <tr>
                    <td width="1" bgcolor="BEBEBE"><spacer type=block></td>
                    <td align="center">
                      <table width="96%" border="0" cellpadding="2" cellspacing="1">
<tr>
<td><a href="http://news.163.com/special/f/fh040720.html">世界各国“严打”网络色情</a></td>
</tr>
<tr>
 <td><a href="http://news.163.com/special/f/fh040720.html"><img src="http://cimg.163.com/news/0407/20/s01.jpg" width="68" height="68" border=1 style="border-color:#000000" align="left"></a>网络淫秽色情内容,对未成年人的毒害,没有国界,世界各国都“严打” <a href="http://news.163.com/special/f/fh040720.html#0" class="f12red">[评论]</a></td>
</tr>
 </table>
                      <table width="96%" border="0" align="center" cellpadding="0" cellspacing="0">
                        <tr>
                          <td height="1" background="/images/line_h.gif"></td>
                        </tr>
                      </table>
                      <table width="96%" border="0" cellpadding="2" cellspacing="1">
<tr>
<td><a href="http://news.163.com/special/j/jiawu040804.html">中日甲午海战110周年祭</a></td>
</tr>
<tr>
 <td><a href="http://news.163.com/special/j/jiawu040804.html"><img src="http://cimg.163.com/news/2004/8/4/200408042326033ca91.jpg" width="68" height="68" border=1 style="border-color:#000000" align="left"></a>甲午海战过去110年后,中国人并没有完全从那场战争中吸取教训 <a href="http://news.163.com/special/j/jiawu040804.html#0" class="f12red">[评论]</a></td>
</tr>
 </table>
                      <table width="96%" border="0" cellpadding="2" cellspacing="1">
                        <tr>
 <td>?lt;a href="http://news.163.com/special/b/bianjie040803.html">中越北部湾边境划定</a></td>
</tr>
                      </table>
                      <table width="156" border="0" cellpadding="0" cellspacing="0">
                        <tr>
                          <td height="21"></td>
                        </tr>
                      </table>
                    </td>
                    <td width="1" bgcolor="BEBEBE"><spacer type=block></td>
                  </tr>
                </table>
              </div>


              <div id="news_r2" style="position:absolute; z-index:1; width: 172; visibility: hidden;">
                <table width="172" border="0" cellpadding="0" cellspacing="0">
                  <tr>
                    <td><a href="javascript:;" onMouseOver="MM_showHideLayers(‘news_r1‘,‘‘,‘show‘,‘news_r2‘,‘‘,‘hide‘)"><img src="/images/news_r1a.gif" width="82" height="34" border="0"></a></td>
                    <td><a href="/special/n/neteasepic.html"><img src="/images/news_r1aa.gif" width="90" height="34" border="0"></a></td>
                  </tr>
                </table>
                <!--<piecename="视觉新闻">-->
<TABLE cellSpacing=0 cellPadding=0 width=172 border=0>
<TBODY>
<TR>
<TD width=1 bgColor=#bebebe><SPACER type="block"></TD>
<TD align=middle>
<TABLE cellSpacing=0 cellPadding=0 width=156 border=0>
<TBODY>
<TR>
<TD height=5></TD></TR>
<TR>
              <TD align=middle> <a href="http://news.163.com/special/n/newap040803.html" target="_blank"><img style="BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; BORDER-TOP-COLOR: #000000; BORDER-RIGHT-COLOR: #000000" height=75 src="http://cimg.163.com/news/2004/8/4/20040804004143e0100.jpg" width=154 border=1></a></TD>
        </TR>
<TR>
          <TD align=middle bgColor=#000000 height=19>
            <p align="center"><a href="http://news.163.com/special/n/newap040803.html" target="_blank"><font color="#FFFFFF">聆听广州新机场交响曲</font></a></p></TD></TR> 
<TR>
<TD height=3></TD></TR></TBODY></TABLE>
      <TABLE cellSpacing=0 cellPadding=0 width=156 border=0>
        <TBODY>
        <TR>
          <TD bgcolor="#000000" align="center">
   <a target="_blank" href="http://news.163.com/special/d/deng040802.html"> <img border="0" src="http://cimg.163.com/news/2004/8/5/200408050143442c315.jpg" width="75" height="65"></a></TD>
          <TD width=2 rowSpan=5></TD>
          <TD><a href="http://news.163.com/special/f/f911040730.html" target="_blank"><img style="BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; BORDER-TOP-COLOR: #000000; BORDER-RIGHT-COLOR: #000000" height=65 src="http://cimg.163.com/news/2004/8/2/2004080221045178b00.jpg" width=75 border=1></a></TD>
        </TR>
        <TR>
          <TD align=middle bgColor=#000000 height=18>
            <p align="center"><a target="_blank" href="http://news.163.com/special/d/deng040802.html"><font color="#FFFFFF">百年小平</font></a></p>
          </TD>
          <TD align=middle bgColor=#000000>
            <p align="center"><a href="http://news.163.com/special/f/f911040730.html" target="_blank"><font color="#FFFFFF">沸腾华氏911</font></a></p>
          </TD>
        </TR>
        <TR>
          <TD height=2></TD>
          <TD height=2></TD>
        </TR>
        <TR>
          <TD>
            <a target="_blank" href="http://news.163.com/special/y/yueb040802.html">
   <img style="BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; BORDER-TOP-COLOR: #000000; BORDER-RIGHT-COLOR: #000000" height=65 src="http://cimg.163.com/news/2004/8/3/2004080320123738f43.jpg" width=75 border=1></a></TD>
              <TD> <p align="center"> <a href="http://news.163.com/special/y/yizhou040729.html" target="_blank"><img style="BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; BORDER-TOP-COLOR: #000000; BORDER-RIGHT-COLOR: #000000" height=65 src="http://cimg.163.com/news/0408/02/da.jpg" width=75 border=1></a></p>
          </TD>
        </TR>
        <TR>
          <TD align=middle bgColor=#000000 height=19>
            <p align="center"><a target="_blank" href="http://news.163.com/special/y/yueb040802.html"><font color="#FFFFFF">解放军大阅兵</font></a></p>          </TD>
          <td align=middle bgcolor=#000000 height=18>
            <p align="center"> <a href="http://news.163.com/special/y/yizhou040729.html" target="_blank">
                  <font color="#FFFFFF">一周趣闻</font></a> </p>
          </td>
        </TR>
        </TBODY>
      </TABLE>
    </TD>
<TD width=1 bgColor=#bebebe><SPACER type="block"></TD></TR></TBODY></TABLE>
              </div>


 

<!---------------------------简化后的代码-------------------------------->
<!---------------------------简化后的代码-------------------------------->
<!---------------------------简化后的代码-------------------------------->
<!---------------------------简化后的代码-------------------------------->

js代码部分:

<script language="JavaScript" type="text/JavaScript">
<!--
function MM_showHideLayers() { //v6.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i =3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i 2];
    if (obj.style) { obj=obj.style; v=(v==‘show‘)?‘visible‘:(v==‘hide‘)?‘hidden‘:v; }
    obj.visibility=v; }
}
//-->
</script>

html代码部分:(主要代码已经加粗)
              <div id="news_r1" style="position:absolute; z-index:1; width: 172;"> 
              <!---以下填入第一个表格内容--->
                <a href="javascript:;" onMouseOver="MM_showHideLayers(‘news_r1‘,‘‘,‘hide‘,‘news_r2‘,‘‘,‘show‘)"><img src="/images/news_r11.gif" width="84" height="34" border="0"></a> 
               </div>


              <div id="news_r2" style="position:absolute; z-index:1; width: 172; visibility: hidden;">

<!--以下填入第二个表格内容--->
<a href="javascript:;" onMouseOver="MM_showHideLayers(‘news_r1‘,‘‘,‘show‘,‘news_r2‘,‘‘,‘hide‘)"><img src="/images/news_r1a.gif" width="82" height="34" border="0"></a>
              </div>

阅读全文(190) | 回复(0) | 引用通告(0) | 编辑  」

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多