网页选项卡代码-来自网易新闻站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>
|