ภาษาไทย
<!-- 把如下代码加入<body>区域中 --> <!-- บันทึกจาก url=http://www.downcodes.com/js --> <!-- Web Design bbs url=http:/ /www.downcodes.com/bbs--> <html> <head> <title>建站学院-特效代码->>下拉菜单的导航条</title> <meta http-equiv="Content-Type" content= "text/html; charset=gb2312"> <SCRIPT language=JavaScript> <!-- function MM_goToURL() { //v3.0 var i, args=MM_goToURL.arguments; document.MM_returnValue = เท็จ; สำหรับ (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'"); } ฟังก์ชั่น JM_cc(ob){ var obj=MM_findObj(ob); if (obj) { obj.select();js=obj.createTextRange();js.execCommand("Copy");} } ฟังก์ชัน MM_findObj(n, d) { //v4.0 var p,i,x; ถ้า(!d) d=เอกสาร; 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]; สำหรับ (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); ถ้า(!x && document.getElementById) x=document.getElementById(n); กลับ x; } //--> </SCRIPT> <SCRIPT language=JavaScript> <!-- menuPrefix = 'เมนู'; // คำนำหน้าว่าเลเยอร์เมนูทั้งหมดต้องขึ้นต้นด้วย // เลเยอร์ทั้งหมดที่มีคำนำหน้านี้จะถือว่า // เป็นส่วนหนึ่งของระบบเมนู var menuTree, mouseMenu, HideTimer, doHide; ฟังก์ชั่น init() { ie4 = (document.all)?true:false; ns4 = (document.layers)?true:false; document.onmousemove = เมาส์ย้าย; ถ้า (ns4) { document.captureEvents (Event.MOUSEMOVE); } } function expandMenu(menuContainer,subContainer,menuLeft,menuTop) { // ซ่อนเมนูย่อยทั้งหมดที่ไม่ต่ำกว่าระดับปัจจุบัน doHide = false; if (menuContainer != menuTree) { if (ie4) { var menuLayers = document.all.tags("DIV"); สำหรับ (i=0; i<menuLayers.length; i++) { if ((menuLayers[i].id.indexOf(menuContainer) != -1) && (menuLayers[i].id != menuContainer)) { HideObject( เมนูเลเยอร์[i].id); } } } else if (ns4) { for (i=0; i<document.layers.length; i++) { var menuLayer = document.layers[i]; if ((menuLayer.id.indexOf(menuContainer) != -1) && (menuLayer.id != menuContainer)) { menuLayer.visibility = "ซ่อน"; } } } } // หากนี่คือรายการที่มีเมนูย่อย ให้แสดง หรือเป็นเมนูระดับบนสุด ให้เปิดขึ้นถ้า (subContainer) { if ((menuLeft) && (menuTop)) {positionObject(subContainer,menuLeft,menuTop) ; ซ่อนทั้งหมด(); } else { if (ie4) { positionObject(subContainer, document.all[menuContainer].offsetWidth + document.all[menuContainer].style.pixelLeft - 10, mouseY); } else {positionObject(subContainer, document.layers[menuContainer].document.width + document.layers[menuContainer].left + 50, mouseY); } } showObject (คอนเทนเนอร์ย่อย); menuTree = คอนเทนเนอร์ย่อย; } } ฟังก์ชั่น showObject(obj) { ถ้า (ie4) { document.all[obj].style.visibility = "visible"; } อื่นถ้า (ns4) { document.layers[obj].visibility = "show"; } } ฟังก์ชั่น HideObject(obj) { ถ้า (ie4) { document.all[obj].style.visibility = "hidden"; } อื่นถ้า (ns4) { document.layers[obj].visibility = "hide"; } } ฟังก์ชั่น positionObject(obj,x,y) { if (ie4) { var foo = document.all[obj].style; foo.left = x; foo.top = y; } อื่นถ้า (ns4) { var foo = document.layers[obj]; foo.left = x; foo.top = y; } } ฟังก์ชั่น HideAll() { ถ้า (ie4) { var menuLayers = document.all.tags("DIV"); สำหรับ (i=0; i<menuLayers.length; i++) { if (menuLayers[i].id.indexOf(menuPrefix) != -1) { HideObject(menuLayers[i].id); } } } else if (ns4) { for (i=0; i<document.layers.length; i++) { var menuLayer = document.layers[i]; ถ้า (menuLayer.id.indexOf(menuPrefix) != -1) { HideObject(menuLayer.id); } } } } ฟังก์ชั่น HideMe(ซ่อน) { ถ้า (ซ่อน) { ถ้า (doHide) { HideAll(); } } อื่น ๆ { doHide = true; HideTimer = window.setTimeout("hideMe(true);", 2000); } } ฟังก์ชั่น mouseMove(e) { ถ้า (ie4) { mouseY = window.event.y; } ถ้า (ns4) { mouseY = e.pageY; } } ฟังก์ชั่น itemHover(obj,src,text,style) { if (ns4) { var text = '<nobr><a href="' + src + '" class="' + style + '">' + text + '</a></nobr>' obj.document.open(); obj.document.write(ข้อความ); obj.document.ปิด(); } } onload = เริ่มต้น; //--> </SCRIPT> <style type=text/css> <!-- .menu { ตำแหน่ง: แน่นอน; ซ้าย: 0; ด้านบน: 2; การมองเห็น: ซ่อนเร้น; พื้นหลัง: #FFFFFF; ความกว้าง: 100px; ระยะขอบ: 0px 0px; การขยาย: 0px 0px; ขอบ: 1px สีเงินทึบ; ล้น: มองเห็นได้; - คลิป: rect( )} .menu a:visited { ตระกูลแบบอักษร: "Tahoma"; ขนาดตัวอักษร: 11px; การตกแต่งข้อความ: ไม่มี; น้ำหนักตัวอักษร: ปกติ; สี: สีดำ; พื้นหลัง: #E2E2E2; ความกว้าง: 108px; ช่องว่างภายในซ้าย: 8px; - ความสูงของบรรทัด: 22px; สีเส้นขอบ: #FFFFFF #666666 #333333 #999999; สไตล์เส้นขอบ: ทึบ; เส้นขอบด้านบนกว้าง: 1px; เส้นขอบ-ขวา-ความกว้าง: 1px; เส้นขอบด้านล่างกว้าง: 1px; เส้นขอบซ้ายกว้าง: 1px; คลิป: rect( )} .menu a:hover { ตระกูลแบบอักษร: "Tahoma"; ขนาดตัวอักษร: 11px; การตกแต่งข้อความ: ไม่มี; น้ำหนักตัวอักษร: ปกติ; สี: #FFFFFF; พื้นหลัง: #009900; ความกว้าง: 108px; ช่องว่างภายในซ้าย: 8px; - ความสูงของบรรทัด: 22px; คลิป: ตรง ( )} .menu .border { เส้นขอบ: 1px solid #F4F4F4; ขอบล่าง: 1px solid #808080; เส้นขอบขวา: 1px ทึบ #808080; } .menu .text { ล้น: ซ่อนไว้; ความกว้าง: 125px; ความสูง: 15px; } .menu .arrow { ล้น: ซ่อนอยู่; ความกว้าง: 15px; ความสูง: 12px; ช่องว่างภายในซ้าย: 5px; ช่องว่างด้านบน: 3px; } .menu .arrow img { ความกว้าง: 6px; ความสูง: 7px; เส้นขอบ: 0px; } .menu { ตระกูลแบบอักษร: "Tahoma"; ขนาดตัวอักษร: 11px; การตกแต่งข้อความ: ไม่มี; น้ำหนักตัวอักษร: ปกติ; สี: สีดำ; พื้นหลัง: #E2E2E2; ความกว้าง: 108px; ช่องว่างภายในซ้าย: 8px; - คลิป: ตรง( ); สีเส้นขอบ: #FFFFFF #666666 #333333 #999999; สไตล์เส้นขอบ: ทึบ; เส้นขอบด้านบนกว้าง: 1px; เส้นขอบ-ขวา-ความกว้าง: 1px; เส้นขอบด้านล่างกว้าง: 1px; เส้นขอบซ้ายกว้าง: 1px; ความสูงของบรรทัด: 22px} .menu a:link { color: #000000; การตกแต่งข้อความ: ไม่มี} .a { ขนาดตัวอักษร: 12px; การตกแต่งข้อความ: none} a:link { color: #FFFFFF; การตกแต่งข้อความ: none} a:hover { การตกแต่งข้อความ: ขีดเส้นใต้} a:visited { สี: #FFFFFF; การตกแต่งข้อความ: ไม่มี} --> </style> </head> <body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0"> <table border="0" cellpadding ="0" cellspacing="1" bgcolor="#333333" width="778" class="a"> <tr bgcolor="#009830" align="center" valign="bottom"> <td width=" 10" height="18"> </td> <td width="74"><a href="#;" onMouseOver="expandMenu(null,'menu1',getPos(this,'Left'),getPos(this,'Top')+this.offsetHeight);" class="a" >第一项</a></td> <td width="58"><a href="#;" onMouseOver="expandMenu(null,'menu2',getPos(นี่,'ซ้าย'),getPos(นี่,'Top')+this.offsetHeight);" class="a" >第二项</a></td> <td width="58"><a href="#;" onMouseOver="expandMenu(null,'menu3',getPos(this,'Left'),getPos(this,'Top')+this.offsetHeight);" class="a" >第三项</a></td> <!--可以复制上的做出menu4 menu5 menu6....--> <td width="40"><a href=" #;" class="a" >首页</a></td> <td width="18" height="18"> </td> </tr> </table> <script language="JavaScript"> ฟังก์ชั่น getPos (el,sProp) { var iPos = 0 while (el!=null) { iPos+=el["offset" + sProp] el = el.offsetParent } return iPos } </script> <!-- 第一เริ่มต้น始 -- > <div id="menu1" class="menu" onMouseOut="hideMe();" style=""> <a href="http://downcodes.com" onMouseOver="expandMenu('menu1');">第一项</a><br> <a href="#;" onMouseOver="expandMenu('menu1');">第一项</a><br> <a href="#;" onMouseOver="expandMenu('menu1');">第一项</a><br> <a href="#;" onMouseOver="expandMenu('menu1');">คำสั่ง</a><br> </div> <!-- คำสั่งเริ่มต้น --> <div id="menu2" class="menu" onMouseOut= "hideMe();"> <a href="#;" onMouseOver="expandMenu('menu2');">第二项</a><br> <a href="#;" onMouseOver="expandMenu('menu2');">第二项</a><br> <a href="#;" onMouseOver="expandMenu('menu2');">第二项</a><br> <a href="#;" onMouseOver="expandMenu('menu2');">第二项</a><br> </div> <!-- 第三เปิด始 --> <div id="menu3" class="menu" onMouseOut= "hideMe();"> <a href="#;" onMouseOver="expandMenu('menu3');">第三项</a><br> <a href="#;" onMouseOver="expandMenu('menu3');">第三项</a><br> <a href="#;" onMouseOver="expandMenu('menu3');">第三项</a><br> <a href="#;" onMouseOver="expandMenu('menu3');">第三项</a><br> </div> <!--可以复制上的做出上的做出menu4 menu5 menu6....--> <p class= "ก"> </p> </body> </html>
