?? 0038.htm
字號:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><!-- saved from url=(0032)http://www.ie-zone.com/index.php --><HTML><HEAD><TITLE>帶子菜單的導航條</TITLE><META http-equiv=Content-Type content="text/html; charset=gb2312"><LINK href="../../fav.ico" rel="shortcut icon"><STYLE type=text/css>BODY { MARGIN: 25px 25px 25px}#all TD { FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial","新宋體", "宋體"}INPUT { FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial","新宋體", "宋體"}SELECT { FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial","新宋體", "宋體"}P { FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial","新宋體", "宋體"}TEXTAREA { FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial","新宋體", "宋體"}#all A:active { COLOR: #7d070c}#all A:visited { COLOR: #7d070c}#all A:hover { COLOR: #336699}#all A:link { COLOR: #7d070c}</STYLE><script language="JavaScript" src="include/menu.js"></script> <link rel="stylesheet" type="text/css" href="include/menu.css"><SCRIPT language=JavaScript><!--function MM_goToURL() { //v3.0 var i, args=MM_goToURL.arguments; document.MM_returnValue = false; for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");}function JM_cc(ob){var obj=MM_findObj(ob); if (obj) { obj.select();js=obj.createTextRange();js.execCommand("Copy");}}function MM_findObj(n, d) { //v4.0 var 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;}//--></SCRIPT><META content="MSHTML 5.50.4134.600" name=GENERATOR></HEAD><BODY id=all text=#000000 bgColor=#336699><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TR bgColor=#ffffff> <TD><IMG src="../images/sq_1.gif" width=11 height="14"></TD> <TD width="100%"></TD> <TD><IMG src="../images/sq_2.gif" width=11 height="14"></TD> </TR></TABLE><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TR bgColor=#ffffff> <TD><IMG src="../../images/space.gif" width=11 height="1"></TD> <TD width="100%"> <table width="100%" border="0" cellpadding="8"> <tr> <td align="center"> <script language="JavaScript">function getPos(el,sProp) { //最得對象在瀏覽者屏幕的位置 var iPos = 0 while (el!=null) { iPos+=el["offset" + sProp] el = el.offsetParent } return iPos}</script> <script language="JavaScript">document.write("<font color=#7d070c style=\"font-size: 14px\">"+document.title+"</font>");</script> </td> </tr> <tr> <td bgcolor="#f7f7f7"> 提示:把鼠標放到下面的連接上看看<a href="#" onMouseOver="expandMenu(null,'menuSimple',50 ,getPos(this,'Top')+this.offsetHeight);"> <br> Simple</a> <a href="#" onMouseOver="expandMenu(null,'menuFancy',getPos(this,'Left'),getPos(this,'Top')+this.offsetHeight);">Fancy</a> <!-- Simple --> <div id="menuSimple" class="menu" onMouseOut="hideMe();"> <a href="#" onMouseOver="expandMenu('menuSimple');">Menu Item 1</a><br> <a href="#" onMouseOver="expandMenu('menuSimple');">Menu Item 2</a><br> <a href="#" onMouseOver="expandMenu('menuSimple');">Menu Item 3</a><br> <a href="#" onMouseOver="expandMenu('menuSimple','menuSimpleSub01');">Menu Item 4 ></a><br> <a href="#" onMouseOver="expandMenu('menuSimple','menuSimpleSub02');">Menu Item 5 ></a><br> </div> <div id="menuSimpleSub01" class="menu" onMouseOut="hideMe();"> <a href="#" onMouseOver="expandMenu('menuSimpleSub01');">Menu Item 1</a><br> <a href="#" onMouseOver="expandMenu('menuSimpleSub01');">Menu Item 2</a><br> <a href="#" onMouseOver="expandMenu('menuSimpleSub01');">Menu Item 3</a><br> <a href="#" onMouseOver="expandMenu('menuSimpleSub01','menuSimpleSub0101');">Menu Item 4 ></a><br> </div> <div id="menuSimpleSub0101" class="menu" onMouseOut="hideMe();"> <a href="#" onMouseOver="expandMenu('menuSimpleSub0101');">Menu Item 1</a><br> <a href="#" onMouseOver="expandMenu('menuSimpleSub0101');">Menu Item 2</a><br> <a href="#" onMouseOver="expandMenu('menuSimpleSub0101');">Menu Item 3</a><br> <a href="#" onMouseOver="expandMenu('menuSimpleSub0101','menuSimpleSub010101');">Menu Item 4 ></a><br> </div> <div id="menuSimpleSub010101" class="menu" onMouseOut="hideMe();"> <a href="#" onMouseOver="expandMenu('menuSimpleSub010101');">Menu Item 1</a><br> <a href="#" onMouseOver="expandMenu('menuSimpleSub010101');">Menu Item 2</a><br> <a href="#" onMouseOver="expandMenu('menuSimpleSub010101');">Menu Item 3</a><br> </div> <div id="menuSimpleSub02" class="menu" onMouseOut="hideMe();"> <a href="#" onMouseOver="expandMenu('menuSimpleSub02');">Menu Item 1</a><br> <a href="#" onMouseOver="expandMenu('menuSimpleSub02');">Menu Item 2</a><br> <a href="#" onMouseOver="expandMenu('menuSimpleSub02');">Menu Item 3</a><br> </div> <!-- Fancy Simple --> <div id="menuFancy" class="menu" onMouseOut="hideMe();"> <div class="border"> <a href="#" onMouseOver="expandMenu('menuFancy');"><span class="text">Menu Item 1</span></a><br> <a href="#" onMouseOver="expandMenu('menuFancy');"><span class="text">Menu Item 2</span></a><br> <a href="#" onMouseOver="expandMenu('menuFancy');"><span class="text">Menu Item 3</span></a><br> <a href="#" onMouseOver="expandMenu('menuFancy','menuFancySub01');"><span class="text">Menu Item 4</span><span class="arrow"><img src="img/arrow.png"></span></a><br> </div> </div> <div id="menuFancySub01" class="menu" onMouseOut="hideMe();"> <div class="border"> <a href="#" onMouseOver="expandMenu('menuFancySub01');"><span class="text">Menu Item 1</span></a><br> <a href="#" onMouseOver="expandMenu('menuFancySub01');"><span class="text">Menu Item 2</span></a><br> <a href="#" onMouseOver="expandMenu('menuFancySub01');"><span class="text">Menu Item 3</span></a><br> <a href="#" onMouseOver="expandMenu('menuFancySub01','menuFancySub0101');"><span class="text">Menu Item 4</span><span class="arrow"><img src="img/arrow.png"></span></a><br> </div> </div> <div id="menuFancySub0101" class="menu" onMouseOut="hideMe();"> <div class="border"> <a href="#" onMouseOver="expandMenu('menuFancySub0101');"><span class="text">Menu Item 1</span></a><br> <a href="#" onMouseOver="expandMenu('menuFancySub0101');"><span class="text">Menu Item 2</span></a><br> <a href="#" onMouseOver="expandMenu('menuFancySub0101');"><span class="text">Menu Item 3</span></a><br> </div> </div> </td> </tr> <tr> <td><img src="img/step.gif" width="30" height="30">.將下面的代碼復制到 <head> 內<br> <table width="100%" border="0" cellspacing="0" cellpadding="7" bgcolor="#dddddd"> <tr> <td><font color="#990000"><script language="JavaScript" src="include/menu.js"></script><br> <link rel="stylesheet" type="text/css" href="include/menu.css"></font></td> </tr> </table><br> <img src="img/step2.gif" width="30" height="30"> 如何創建自己的菜單呢？先看看下面這段代碼:<br> <table width="100%" border="0" cellspacing="0" cellpadding="7" bgcolor="#dddddd"> <tr> <td><href="#" <font color="#990000">onMouseOver="expandMenu(null,'menuSimple',10,120);</font>">Simple</a> <!--在你想出現菜單的對象中加入紅色字體的部分 ，'menuSimple'所指的是你將展開哪一個菜單，看看下面對應的 <div id="menuSimple".........> 10,120代表菜單出現的位置x,y--> <p><div id="menuSimple" class="menu" onMouseOut="hideMe();"> //創建菜單 menuSimple<br> <a href="#" onMouseOver="expandMenu('menuSimple');">Menu Item 1</a><br> //菜單的欄目<br> <a href="#" onMouseOver="expandMenu('menuSimple');">Menu Item 2</a><br><br> <a href="#" onMouseOver="expandMenu('menuSimple');">Menu Item 3</a><br><br> <a href="#" onMouseOver="expandMenu('menuSimple','<font color="#990000">menuSimpleSub01</font>');">Menu Item 4 &gt;</a><br> 如果還有子菜單的話，要給出子菜單的名字 menuSimpleSub01<br> </div></p> <p><div id="menuSimpleSub01" class="menu" onMouseOut="hideMe();"> //創建子菜單 menuSimpleSub01<br> <a href="#" onMouseOver="expandMenu('menuSimpleSub01');">Menu Item 1</a><br><br> <a href="#" onMouseOver="expandMenu('menuSimpleSub01');">Menu Item 2</a><br><br> <a href="#" onMouseOver="expandMenu('menuSimpleSub01');">Menu Item 3</a><br><br> </div><br> </p> </td> </tr> </table> <br> <br> <img src="img/step3.gif" width="30" height="30"> <a href="xmenu.zip" target="_blank">點這里下載需要用到文件</a>，已經打包</td> </tr> </table> </TD> <TD><IMG src="../../images/space.gif" width=11 height="1"></TD> </TR></TABLE><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TR bgColor=#ffffff> <TD><IMG src="../images/sq_3.gif" width=11 height="14"></TD> <TD width="100%"></TD> <TD><IMG src="../images/sq_4.gif" width=11 height="14"></TD> </TR></TABLE></BODY></HTML>?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -