新浪滑门技术_javascript技巧

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>新建网页 3</title><style type="text/css">  </style> </head> <body onload="change_Menu(1)"> <table width="254" cellspacing="0" class="partA">     <tr><td class="leW" valign="top" width="254">                                                                <script language="JavaScript" type="text/javascript"> //<![CDATA[ var cur_index=1 var num=4 //该值记录标签的个数 var settime function GetObj(objName){     if(document.getElementById){         return eval('document.getElementById("' + objName + '")');     }else if(document.layers){         return eval("document.layers['" + objName +"']");     }else{         return eval('document.all.' + objName);     } } function change_Menu(index){     for(var i=1;i<=num;i++){/* 最多支持8个标签 */         if(GetObj("con"+i)&&GetObj("m"+i)){             GetObj("con"+i).style.display = 'none';             GetObj("m"+i).className = "menu"+i+"Off";         }     }     if(GetObj("con"+index)&&GetObj("m"+index)){         GetObj("con"+index).style.display = 'block';         GetObj("m"+index).className = "menu"+index+"On";     }     cur_index=index     if(cur_index<num){        cur_index++       }     else{         cur_index=1       }     settime=setTimeout("change_Menu(cur_index)",2000)//设置延迟时间          } function Menu(c_index){   clearTimeout(settime)   change_Menu(c_index)  }         //]]> </script> <table cellspacing="0" style="background:#3FA6B5; width:100%;" class="clearit"> <tr><td height="3"></td></tr> <tr><td style=" color:#fff; font-weight:bold; text-align:center;"><a href=http://yayun2006.sina.com.cn/video/index.shtml target=_blank style="color:#fff;">     视频访谈</a></td>     <td id="m1" onClick="Menu(1)" class="menu1On" title="明星">明星</td>     <td width="1"></td>     <td id="m2" onClick="Menu(2)" class="menu2Off" title="游泳">游泳</td>     <td width="1"></td>     <td id="m3" onClick="Menu(3)" class="menu3Off" title="特写">特写</td>     <td width="1"></td>     <td id="m4" onClick="Menu(4)" class="menu4Off" title="举重">举重</td>     <td width="10"></td> </tr> </table> <div id="con1" class="cont_le picfff">     <p style=" margin-left:1px;"><a href="http://sports.sina.com.cn/doha2006/z/doha2006/photo/36083/index.shtml" target="_blank"><img src="http://image2.sina.com.cn/ty/up/2006-12-07/U347P6T64D26465F1091DT20061207054109.jpg" width="120" height="90" alt="" /></a>         <a href="http://sports.sina.com.cn/doha2006/z/doha2006/photo/36083/index.shtml" target="_blank">     游泳冠军做客</a>     <span style="display:none">XZHHTML5中文学习网 - HTML5先行者学习网</span></p>     <p><a href="http://sports.sina.com.cn/doha2006/o/bn/2006-12-05/23122613020.shtml" target="_blank"><img src="http://image2.sina.com.cn/ty/up/2006-12-07/U347P6T64D26465F1094DT20061207054109.jpg" width="120" height="90" alt="" /></a>         <a href="http://sports.sina.com.cn/doha2006/o/bn/2006-12-05/23122613020.shtml" target="_blank">     邻家男孩吴鹏</a>     <span style="display:none">XZHHTML5中文学习网 - HTML5先行者学习网</span></p>     <div class="clearit"></div> </div> <div id="con2" style="display:none;"  class="cont_le picfff">         <p style=" margin-left:1px;"><a href="http://sports.sina.com.cn/doha2006/o/bn/2006-12-05/23382613071.shtml" target="_blank"><img src="http://image2.sina.com.cn/ty/up/2006-12-07/U347P6T64D26465F1322DT20061207054109.jpg" width="120" height="90" alt="" /></a>         <a href="http://sports.sina.com.cn/doha2006/o/bn/2006-12-05/23382613071.shtml" target="_blank">         蛙后齐晖</a>     <span style="display:none">XZHHTML5中文学习网 - HTML5先行者学习网</span></p>     <p><a href="http://sports.sina.com.cn/doha2006/o/bn/2006-12-05/22502612978.shtml" target="_blank"><img src="http://image2.sina.com.cn/ty/up/2006-12-07/U347P6T64D26465F1323DT20061207054109.jpg" width="120" height="90" alt="" /></a>         <a href="http://sports.sina.com.cn/doha2006/o/bn/2006-12-05/22502612978.shtml" target="_blank">     成熟周雅菲</a>     <span style="display:none">XZHHTML5中文学习网 - HTML5先行者学习网</span></p>     <div class="clearit"></div> </div> <div id="con3" style="display:none;" class="cont_le picfff">         <p style=" margin-left:1px;"><a href="http://sports.sina.com.cn/doha2006/o/bn/2006-12-07/00582616492.shtml" target="_blank"><img src="http://image2.sina.com.cn/ty/up/2006-12-07/U347P6T64D26465F1324DT20061207054109.jpg" width="248" height="90" alt="" /></a>         <a href="http://sports.sina.com.cn/doha2006/o/bn/2006-12-07/00582616492.shtml" target="_blank">         张国政与小浪亲密接触</a>     <span style="display:none">XZHHTML5中文学习网 - HTML5先行者学习网</span></p>     <div class="clearit"></div> </div> <div id="con4" style="display:none;" class="cont_le picfff">         <p style=" margin-left:1px;"><a href="http://sports.sina.com.cn/doha2006/o/bn/2006-12-07/00502616482.shtml" target="_blank"><img src="http://image2.sina.com.cn/ty/up/2006-12-07/U347P6T64D26465F1325DT20061207054109.jpg" width="120" height="90" alt="" /></a>         <a href="http://sports.sina.com.cn/doha2006/o/bn/2006-12-07/00502616482.shtml" target="_blank">         丘乐公布择偶标准</a>     <span style="display:none">XZHHTML5中文学习网 - HTML5先行者学习网</span></p>     <p><a href="http://sports.sina.com.cn/doha2006/o/bn/2006-12-07/00212616420.shtml" target="_blank"><img src="http://image2.sina.com.cn/ty/up/2006-12-07/U347P6T64D26465F1326DT20061207054109.jpg" width="120" height="90" alt="" /></a>         <a href="http://sports.sina.com.cn/doha2006/o/bn/2006-12-07/00212616420.shtml" target="_blank">     女子举重大姐大</a>     <span style="display:none">XZHHTML5中文学习网 - HTML5先行者学习网</span></p>     <div class="clearit"></div> </div> </body> </html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

新浪滑门技术_javascript技巧_