快捷導(dǎo)航

可以媲美Flash的JS導(dǎo)航菜單

更新時間：2007年03月09日 00:00:00 作者：

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>媲美Flash的JS導(dǎo)航菜單</title> <style type="text/css">  </style> <STYLE type=text/css>.table1 {     BORDER-RIGHT: #cccccc 1px solid; BORDER-BOTTOM-COLOR: black; BORDER-LEFT: #cccccc 1px solid; BORDER-TOP-STYLE: solid; BORDER-TOP-COLOR: black; BACKGROUND-COLOR: #666666; BORDER-BOTTOM-STYLE: solid } .alp {     FILTER: Alpha(Opacity=0,FinishOpacity=0, Style=2, StartX=0, StartY=0, FinishX=80, FinishY=80); BACKGROUND-COLOR: #99ccff } .maskl {     OVERFLOW: hidden } .submenu {     BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: #ffffff 1px solid } </STYLE>  <META content="Microsoft FrontPage 6.0" name=GENERATOR></head> <BODY text=#cccccc bgColor=#000000 leftMargin=0 topMargin=0 onload=init() marginheight="0" marginwidth="0"><div   id="vvxyksv9kd"   class=table1 id=Layer1  style="Z-INDEX: 3; LEFT: 50px; WIDTH: 26px; POSITION: absolute; TOP: 0px; HEIGHT: 100%"> <div   class="vvxyksv9kd"   id=sl1 onmouseover=showM1()  style="Z-INDEX: 3; WIDTH: 24px; CURSOR: hand; POSITION: absolute; TOP: 40px; HEIGHT: 24px"  onmouseout=hideM1()><IMG height=24 src="http://www.dbjr.com.cn/jstest/images/200651104740731.GIF" width=24></DIV> <div   class="vvxyksv9kd"   id=sl2 onmouseover=showM2()  style="Z-INDEX: 3; WIDTH: 24px; CURSOR: hand; POSITION: absolute; TOP: 140px; HEIGHT: 24px"  onclick=subMenu1() onmouseout=hideM2()><IMG height=24  src="http://www.dbjr.com.cn/jstest/images/200651104740731.GIF" width=24></DIV> <div   class="vvxyksv9kd"   id=sl3 onmouseover=showM3()  style="Z-INDEX: 3; WIDTH: 24px; CURSOR: hand; POSITION: absolute; TOP: 240px; HEIGHT: 24px"  onmouseout=hideM3()><IMG height=24 src="http://www.dbjr.com.cn/jstest/images/200651104740731.GIF" width=24></DIV> <div   class="vvxyksv9kd"   id=sl4 onmouseover=showM4()  style="Z-INDEX: 3; WIDTH: 24px; CURSOR: hand; POSITION: absolute; TOP: 340px; HEIGHT: 24px"  onmouseout=hideM4()><IMG height=24 src="http://www.dbjr.com.cn/jstest/images/200651104740731.GIF" width=24></DIV> <div   id="vvxyksv9kd"   class=alp id=light  style="Z-INDEX: 2; LEFT: -26px; WIDTH: 80px; POSITION: absolute; TOP: 0px; HEIGHT: 80px"></DIV></DIV> <DIV  style="Z-INDEX: 2; LEFT: -60px; WIDTH: 30px; POSITION: absolute; TOP: 0px; HEIGHT: 100px"> <div   class="vvxyksv9kd"   id=menu1  style="Z-INDEX: 5; LEFT: 82px; WIDTH: 20px; POSITION: absolute; TOP: -80px; HEIGHT: 55px"><IMG  height=62 src="http://www.dbjr.com.cn/jstest/images/200651105053281.GIF" width=24></DIV> <div   class="vvxyksv9kd"   id=menu2  style="Z-INDEX: 5; LEFT: 82px; WIDTH: 23px; POSITION: absolute; TOP: -80px; HEIGHT: 75px"><IMG  height=77 src="http://www.dbjr.com.cn/jstest/images/200651105059286.GIF" width=24></DIV> <div   class="vvxyksv9kd"   id=menu3  style="Z-INDEX: 5; LEFT: 82px; WIDTH: 22px; POSITION: absolute; TOP: -80px; HEIGHT: 75px"><IMG  height=77 src="http://www.dbjr.com.cn/jstest/images/20065110515713.GIF" width=24></DIV> <div   class="vvxyksv9kd"   id=menu4  style="Z-INDEX: 5; LEFT: 82px; WIDTH: 23px; POSITION: absolute; TOP: -80px; HEIGHT: 77px"><IMG  height=77 src="http://www.dbjr.com.cn/jstest/images/200651105110149.GIF" width=24></DIV></DIV> <div   id="vvxyksv9kd"   class=maskl id=masksub  style="Z-INDEX: 4; LEFT: 80px; WIDTH: 32px; POSITION: absolute; TOP: 0px; HEIGHT: 100%"> <div   class="vvxyksv9kd"   id=sub2  style="Z-INDEX: 1; LEFT: -26px; WIDTH: 26px; POSITION: absolute; TOP: 137px; HEIGHT: 304px"> <TABLE class=submenu height="100%" cellSpacing=2 cellPadding=0 width="100%"  border=0>   <TBODY>   <TR>     <TD bgColor=#666699> </TD></TR>   <TR>     <TD bgColor=#666699> </TD></TR>   <TR>     <TD bgColor=#666699> </TD></TR>   <TR>     <TD bgColor=#666699 height=147> </TD></TR>   <TR>     <TD onmouseover="this.bgColor='#9999cc'" onmouseout="this.bgColor='#666699'"      bgColor=#666699 height=10>       <DIV style="CURSOR: hand" onclick=subClose1() align=center><B><FONT        color=#ffff00>B</B></DIV></TD></TR></TBODY></TABLE></DIV></DIV><center>      </center> </body> </html>

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

您可能感興趣的文章: