一种不错的网页导航栏原代码[网页特效] dn001 2009-06-21 08:22:11 84 0 <!-- 把如下代码加入<body>区域中 --> <!-- web http://www.knowsky.com --> <!-- bbs http://www.knowsky.com/bbs--> <!--网页教学网www.knowsky.com提供特效代码！ 要完成此效果把如下代码加入到<body>区域中 --> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin var linktext=new Array() linktext[0]='<table border="0" width="210" height="185" bgcolor="#FF9900" cellpadding="8" cellspacing="0"><tr><td valign="top"><font face="arial" size="4"><b>Try it out!</b></font></td></tr></table>' linktext[1]='<table border="0" width="210" height="185" bgcolor="#D1FD80" cellpadding="8" cellspacing="0"><tr><td valign="top"><font face="arial" size="4"><b>Try it out!</b></font></td></tr></table>' linktext[2]='<table border="0" width="210" height="185" bgcolor="#FDB9FD" cellpadding="8" cellspacing="0"><tr><td valign="top"><font face="arial" size="4"><b>Try it out!</b></font></td></tr></table>' linktext[3]='<table border="0" width="210" height="185" bgcolor="#FFFF5E" cellpadding="8" cellspacing="0"><tr><td valign="top"><font face="arial" size="4"><b>Try it out!</b></font></td></tr></table>' linktext[4]='<table border="0" width="210" height="185" bgcolor="#C2D7FC" cellpadding="8" cellspacing="0"><tr><td valign="top"><font face="arial" size="4"><b>Try it out!</b></font></td></tr></table>' var ns6=document.getElementById&&!document.all var ie=document.all function show_text(thetext, whichdiv){ if (ie) eval("document.all."+whichdiv).innerHTML=linktext[thetext] else if (ns6) document.getElementById(whichdiv).innerHTML=linktext[thetext] } function reset(whichdiv){ if (ie) eval("document.all."+whichdiv).innerHTML='<table border="0" width="210" height="185" bgcolor="#F88530" cellpadding="0" cellspacing="8"><tr><td valign="top"><font face="arial" size="4"><b>鼠标移到各类目上看效果</b></font></td></tr></table>' else if (ns6) document.getElementById(whichdiv).innerHTML='<table border="0" width="210" height="185" bgcolor="#F88530" cellpadding="8" cellspacing="0"><tr><td valign="top"><font face="arial" size="4"><b>鼠标移到各类目上看效果</b></font></td></tr></table>'} // End --> </script><p><table border="0" width="370" bgcolor="black" cellpadding="3" cellspacing="0" align="center"> <tr><td> <table border="0" width="370" cellpadding="0" cellspacing="0"> <tr><td> <table border="0" width="160" bgcolor="#F88530" cellpadding="8" cellspacing="0"> <tr> <td onclick="window.location='#'" onmouseover="bgColor='#FF9900'; show_text(0,'div1')" onmouseout="bgColor='#F88530'; reset('div1')" style="cursor:pointer; cursor:hand"><font face="arial" size="4"><b>Try this link1</b></font></td> </tr> <tr> <td onclick="window.location='#'" onMouseover="bgColor='#D1FD80'; show_text(1,'div1')" onMouseout="bgColor='#F88530'; reset('div1')" style="cursor:pointer; cursor:hand"><font face="arial" size="4"><b>Try this link2</b></font></td> </tr> <tr> <td onclick="window.location='#'" onMouseover="bgColor='#FDB9FD'; show_text(2,'div1')" onMouseout="bgColor='#F88530'; reset('div1')" style="cursor:pointer; cursor:hand"><font face="arial" size="4"><b>Try this link3</b></font></td> </tr> <tr> <td onclick="window.location='#'" onMouseover="bgColor='#FFFF5E'; show_text(3,'div1')" onMouseout="bgColor='#F88530'; reset('div1')" style="cursor:pointer; cursor:hand"><font face="arial" size="4"><b>Try this link4</b></font></td> </tr> <tr> <td onclick="window.location='#'" onMouseover="bgColor='#C2D7FC'; show_text(4,'div1')" onMouseout="bgColor='#F88530'; reset('div1')" style="cursor:pointer; cursor:hand"><font face="arial" size="4"><b>Try this link5</b></font></td> </tr> </table> </td> <td> <span id="div1"><table border="0" width="210" height="185" bgcolor="#F88530" cellpadding="8" cellspacing="0"><tr><td valign="top"><font face="arial" size="4"><b>鼠标移到各类目上看效果</b></font></td></tr></table></span> </td> </tr> </table> </td> </tr> </table>
