一個很實用的下拉導航條代碼

2024-09-05 12:19:15

字體：大中小

來源：轉載

供稿：網友

很實用的下拉導航條，代碼有些復雜，不過菜單樣式便于自己控制，方便美化，運行一下看看效果！

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>簡單的下拉導航條</title></head><body><SCRIPT language=JavaScript>function MM_findObj(n, d) { //v4.0var p,i,x;if(!d) d=document;if((p=n.indexOf("?"))>0 && parent.frames.length){d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}if(!(x=d[n]) && d.all) x=d.all[n]; for (i=0;!x && i<d.forms.length;i++) x=d.forms[i][n];for(i=0;!x && d.layers && i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);if(!x  &&  document.getElementById) x=document.getElementById(n); return x;}function MM_showHideLayers() { //v3.0var i,p,v,obj,args=MM_showHideLayers.arguments;for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }obj.visibility=v; }}function mOvr(src, cOvr) {if (!src.contains(event.fromElement)) {src.style.cursor = "default";src.bgColor = cOvr;}}function mOut(src, cOut) {if (!src.contains(event.toElement)) {src.style.cursor = "default";src.bgColor = cOut;}}//changetdcolor</SCRIPT>      <TABLE border=1 cellPadding=1 cellSpacing=1 width="100">        <TBODY>        <TR align=middle class=dmenu>          <TD>            <div   class="pv9jzfv"   id=menu01 style="POSITION: absolute">            <div   class="9n9xp99"   id=sub onmouseout="MM_showHideLayers('sub','','hide')"             onmouseover="MM_showHideLayers('sub','','show')"             style="HEIGHT: 46px; LEFT: -7px; POSITION: absolute; TOP: 12px; VISIBILITY: hidden; WIDTH: 90px; Z-INDEX: 11">            <TABLE bgColor=#3c8830 border=0 cellPadding=1 cellSpacing=1             width=228>              <TBODY>              <TR bgColor=#a5db97>                <TD align=right>                  <TABLE border=0 cellPadding=4 cellSpacing=1 class=46C92F                   width=222>                    <COLGROUP span=3>                    <COL width="33%">                    <COL width="33%">                    <COL width="34%"></COLGROUP>                    <TBODY>                    <TR bgColor=#fafef4>                      <TD>新聞動態</TD>                      <TD>體育視頻</TD>                      <TD>最新電影</TD></TR>                    <TR bgColor=#fafef4>                      <TD>股市動態</TD>                      <TD>影視娛樂</TD>                      <TD>笑話集錦</TD></TR>                    </TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></DIV>訂閱           </TD>          <TD>            <div   class="99frlb9"   id=menu02 style="POSITION: absolute">            <div   class="1v1hnd9"   id=mo onmouseout="MM_showHideLayers('mo','','hide')"             onmouseover="MM_showHideLayers('mo','','show')"             style="HEIGHT: 69px; LEFT: -7px; POSITION: absolute; TOP: 12px; VISIBILITY: hidden; WIDTH: 90px; Z-INDEX: 12">            <TABLE bgColor=#3c8830 border=0 cellPadding=1 cellSpacing=1             width=190>              <TBODY>              <TR bgColor=#a5db97>                <TD align=right>                  <TABLE border=0 cellPadding=4 cellSpacing=1 class=46C92F                   width=184>                    <COLGROUP span=2>                    <COL width="55%">                    <COL width="45%"></COLGROUP>                    <TBODY>                    <TR bgColor=#fafef4>                      <TD>MENU1</TD>                      <TD>MEUN2</TD>                    </TR>                    <TR bgColor=#fafef4>                      <TD>MEUN3</TD>                      <TD>MEUN4</TD>                    </TR>                    <TR bgColor=#fafef4>                      <TD>MEUN5</TD>                      <TD>MEUN6</TD>                    </TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></DIV>菜單           </TD>         </TR></TBODY></TABLE></body></html>

上一篇：始終顯示在頁面最下部的菜單

下一篇：動感的炫彩導航菜單代碼