快捷導(dǎo)航

javascript實(shí)現(xiàn)的又一個(gè)不錯(cuò)的滑動(dòng)導(dǎo)航效果

更新時(shí)間：2007年04月21日 00:00:00 作者：

導(dǎo)航,鼠標(biāo)放上去看看效果

<html> <head> <title>::你會(huì)做，我也要會(huì)::</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312">  <style type="text/css">  </style> </head> <body bgcolor="#FFFFFF" text="#000000"> <div   class="vvxyksv9kd"   id="Layer1" style="position:absolute; width:200px; height:115px; z-index:1">   <div   class="vvxyksv9kd"   id="Layer2" style="position:absolute; left:264px; top:59px; width:67px; height:52px; z-index:2; background-color: #0068FF; layer-background-color: #0068FF; border: 1px none #000000; visibility: visible" class="t">      <table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">       <tr>          <td align="center" valign="top"><font color="#FFFFFF" onMouseOver="P7AniMagic('Layer2',210,35,5,30,0,0)" onMouseOut="P7AniMagic('Layer2',264,59,5,30,0,0)">on            1           <a href="#;">第一項(xiàng)</a>           <a href="#;">第二項(xiàng)</a>           <a href="#;">第三項(xiàng)</a>           </font></td>       </tr>     </table>   </div>   <div   class="vvxyksv9kd"   id="Layer3" style="position:absolute; left:264px; top:81px; width:66px; height:84px; z-index:3; background-color: #0066FF; layer-background-color: #0066FF; border: 1px none #000000; visibility: visible" class="t">      <table width="100%" border="0" cellspacing="0" cellpadding="0">       <tr>          <td>           <div align="center"><font color="#FFFFFF" onMouseOver="P7AniMagic('Layer3',210,55,5,30,0,0)" onMouseOut="P7AniMagic('Layer3',264,81,5,30,0,0)">on 2             <a href="#;">第一項(xiàng)</a>             <a href="#;">第二項(xiàng)</a>             <a href="#;">第三項(xiàng)</a>             </font></div>         </td>       </tr>     </table>   </div>   <div   class="vvxyksv9kd"   id="Layer4" style="position:absolute; width:68px; height:80px; z-index:4; left: 264px; top: 102px; background-color: #0064FF; layer-background-color: #0064FF; border: 1px none #000000; visibility: visible" class="t">      <table width="100%" border="0" cellspacing="0" cellpadding="0">       <tr>          <td>           <div align="center"><font color="#FFFFFF" onMouseOver="P7AniMagic('Layer4',210,75,5,30,0,0)" onMouseOut="P7AniMagic('Layer4',264,102,5,30,0,0)">on 3             <a href="#;">第一項(xiàng)</a>             <a href="#;">第二項(xiàng)</a>             <a href="#;">第三項(xiàng)</a>             </font></div>         </td>       </tr>     </table>   </div>  <div   class="vvxyksv9kd"   id="Layer5" style="position:absolute; width:65px; height:127px; z-index:5; left: 265px; top: 56px">      <table width="100%" border="0" cellspacing="0" cellpadding="0" height="72">       <tr>          <td height="24" onMouseOver="P7AniMagic('Layer2',210,35,5,30,0,0)" onMouseOut="P7AniMagic('Layer2',264,59,5,30,0,0)">&nbsp;&nbsp;&nbsp;&nbsp;</td>       </tr>       <tr>         <td height="24" onMouseOver="P7AniMagic('Layer3',210,55,5,30,0,0)" onMouseOut="P7AniMagic('Layer3',264,81,5,30,0,0)">&nbsp;&nbsp;&nbsp;&nbsp;</td>       </tr>       <tr>         <td height="24" onMouseOver="P7AniMagic('Layer4',210,75,5,30,0,0)" onMouseOut="P7AniMagic('Layer4',264,102,5,30,0,0)">&nbsp;&nbsp;&nbsp;&nbsp;</td>       </tr>     </table>   </div> </div> </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

您可能感興趣的文章: