首页 > 网络编程 > JavaScript > javascript技巧 > 网易首页的新闻代码 2007-01-29 00:00:00 作者： 网易首页的新闻代码 <html> <head> <title> New Document </title> <style> td { font-family: 宋体; font-size: 9pt;} .ooib { border-width: 1px; border-style: none solid solid; border-color: #CC3333; background-color: #E4E5EE;} .ooih td { border-width: 1px; padding: 0 5; } .ooihj { color: #CC3333; background-color: #E4E5EE; border-style: solid solid none; border-color: #CC3333; cursor: hand} .ooihs { color: #6600CC; background-color: #ccccFF; border-style: solid; border-color: #6600CC #6600CC #CC3333; cursor: hand} .ooihx { border-style: none none solid; border-color: #CC3333; } </style> <script language="JavaScript"> function ghbq(td) { var tr = td.parentElement.cells; var ob = obody.rows; for(var ii=0; ii<tr.length-1; ii++) { tr[ii].className = (td.cellIndex==ii)?"ooihj":"ooihs"; ob[ii].style.display = (td.cellIndex==ii)?"block":"none"; } } </script> </head> <body> <table class="ooih" border="0" cellspacing="0" cellpadding="0" width="400" height="19"> <tr> <td class="ooihj" nowrap onmouseover="ghbq(this)">标签一</td> <td class="ooihs" nowrap onmouseover="ghbq(this)">标签二</td> <td class="ooihs" nowrap onmouseover="ghbq(this)">标签三</td> <td class="ooihs" nowrap onmouseover="ghbq(this)">标签四</td> <td class="ooihx" width="100%"> </td> </tr> </table> <table class="ooib" id="obody" border="0" cellspacing="0" cellpadding="0" width="400" height="300"> <tr> <td> 标签内容一 </td> </tr> <tr style="display: none"> <td> 标签内容二 </td> </tr> <tr style="display: none"> <td> 标签内容三 </td> </tr> <tr style="display: none"> <td> 标签内容四 </td> </tr> </table> </body> </html> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
