ภาษาไทย
<!-- 把如下代码加入<body>区域中 --> <!-- เว็บ http://www.downcodes.com --> <!-- bbs http://www.downcodes.com/bbs- -> <!--要完成此效果把如下代码加入到<body>区域中--> <style type="text/css"> <!-- .t { filter: Alpha(Opacity=50)} td { ขนาดตัวอักษร: 12px; ความสูงของบรรทัด: 22px} a:link { สี: #FFFFFF; การตกแต่งข้อความ: ไม่มี; ความสูง: 20px; ความกว้าง: 63px; ขอบสี: #33CCFF #30CCFF #30CCFF; สีพื้นหลัง: #0099FF; สไตล์เส้นขอบ: ทึบ; เส้นขอบด้านบนกว้าง: 1px; เส้นขอบ-ขวา-ความกว้าง: 1px; เส้นขอบด้านล่างกว้าง: 1px; เส้นขอบซ้ายกว้าง: 1px} a: เยี่ยมชม { สี: #FFFFFF; การตกแต่งข้อความ: ไม่มี; ความสูง: 20px; ความกว้าง: 63px; ขอบสี: #33CCFF #30CCFF #30CCFF; สีพื้นหลัง: #0099FF; สไตล์เส้นขอบ: ทึบ; เส้นขอบด้านบนกว้าง: 1px; เส้นขอบ-ขวา-ความกว้าง: 1px; เส้นขอบด้านล่างกว้าง: 1px; เส้นขอบซ้ายกว้าง: 1px} a: โฮเวอร์ { สีพื้นหลัง: # FF66FF; ความสูง: 20px; ความกว้าง: 61px; เส้นขอบ: #FFFFFF; สไตล์เส้นขอบ: ลายจุด; เส้นขอบด้านบนกว้าง: 1px; เส้นขอบขวากว้าง: 1px; เส้นขอบด้านล่างกว้าง: 1px; border-left-width: 1px} --> </style> <script language="JavaScript"> <!-- function MM_reloadPage(init) { // โหลดหน้าต่างใหม่หาก Nav4 ปรับขนาด if (init==true) ด้วย ( เครื่องนำทาง) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { document.MM_pgW=innerWidth; document.MM_pgH=ความสูงด้านใน; onresize=MM_reloadPage; }} อื่น ๆ ถ้า (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload(); } MM_reloadPage(จริง); ฟังก์ชั่น MM_findObj (n, d) { //v4.01 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 && d.getElementById) x=d.getElementById(n); กลับ x; } ฟังก์ชัน P7AniMagic(el, x, y, a, b, c, s) { //v2.5 PVII var g,elo=el,f="",m=false,d="";x=parseInt( x);y=parseInt(y); var t = 'g.p7Magic = setTimeout("P7AniMagic(''+elo+'','; if ((g=MM_findObj(el))!=null) {d=(document.layers)?g:g .style;}else{return;} if (parseInt(s)>0) {eval(t+x+','+y+','+a+','+b+','+c+',0)", ' + s+')');return;} var xx=(parseInt(d.left))?parseInt(d.left):0; var yy=(parseInt(d.top))?parseInt(d.top):0; if(parseInt(c)==1) {x+=xx;y+=yy;m=true;c=0;} อื่น ๆ ถ้า (c==2) {m=false;clearTimeout(g.p7Magic);} อื่น ๆ {var i=parseInt(a); if (eval(g.moved)){clearTimeout(g.p7Magic);} if (xx<x){xx+=i;m=true;if(xx>x){xx=x;}} ถ้า (xx> x){xx-=i;m=true;if(xx<x){xx=x;}} ถ้า (yy<y){yy+=i;m=true;if(yy>y){yy=y ;}} if (yy>y){yy-=i;m=true;if(yy<y){yy=y;}}} if (m) {if((navigator.appName=="Netscape") && parseInt(navigator.appVersion)>4){ xx+="px";yy+="px";} d.left=xx;d.top=yy;g.moved=true;eval(t+x+',' +y+','+a+','+b+','+c+',0)",'+b+')'); }else {g.moved=false;} } //--> </script ><p><div id="Layer1" style="position:สัมบูรณ์; ความกว้าง:200px; ความสูง:115px; ดัชนี z:1"> <div id="Layer2" style="position:absolute; ซ้าย:666px; ด้านบน:59px; ความกว้าง:67px; ความสูง:52px; ดัชนี z:2; สีพื้นหลัง: #0068FF; เลเยอร์สีพื้นหลัง: #0068FF; เส้นขอบ: 1px ไม่มี #000000; การมองเห็น: มองเห็นได้" 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',611,35,5,30,0,0)" onMouseOut="P7AniMagic('Layer2',666,59,5 ,30,0,0)">บน 1<br> <a href="#">第一項</a><br> <a href="#">第二項</a><br> <a href="#">第三項</a><br> </font></td> </tr> </table> </div> <div id="Layer3" style="position: แน่นอน; ซ้าย:666px; ด้านบน:81px; ความกว้าง:66px; ความสูง:84px; ดัชนี z:3; สีพื้นหลัง: #0066FF; เลเยอร์สีพื้นหลัง: #0066FF; เส้นขอบ: 1px ไม่มี #000000; การมองเห็น: มองเห็นได้" class="t"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <div align="center"><font color="#FFFFFF" onMouseOver="P7AniMagic('Layer3',611,55,5,30,0,0)" onMouseOut="P7AniMagic('Layer3',666,81,5,30,0,0)" >วันที่ 2<br> <a href="#">第一項</a><br> <a href="#">第二項</a><br> <a href="#">第三項</a><br> </font></div> </td> </tr> </table> </div> <div id="Layer4" style="position:absolute; ความกว้าง:68px; ความสูง:80px; ดัชนี z:4; ซ้าย: 666px; ด้านบน: 102px; สีพื้นหลัง: #0064FF; เลเยอร์สีพื้นหลัง: #0064FF; เส้นขอบ: 1px ไม่มี #000000; การมองเห็น: มองเห็นได้" class="t"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <div align="center"><font color="#FFFFFF" onMouseOver="P7AniMagic('Layer4',611,75,5,30,0,0)" onMouseOut="P7AniMagic('Layer4',666,102,5,30,0,0)">บน 3<br> <a href="#">第一項</a><br> <a href="#">第二項</a><br> <a href="#">第三項</a><br> </font></div> </td> </tr> </table> </div> <div id="Layer5" style="position:absolute; ความกว้าง:65px; ความสูง:127px; ดัชนี z:5; ซ้าย: 265px; ด้านบน: 56px"> <table width="100%" border="0" cellspacing="0" cellpadding="0" height="72"> <tr> <td height="24" onMouseOver="P7AniMagic(' เลเยอร์2',611,35,5,30,0,0)" onMouseOut="P7AniMagic('Layer2',666,59,5,30,0,0)"> </td> </tr> <tr> <td height="24" onMouseOver="P7AniMagic('Layer3',611,55,5,30,0,0)" onMouseOut="P7AniMagic('Layer3',666,81,5,30,0,0) "> </td> </tr> <tr> <td height="24" onMouseOver="P7AniMagic('Layer4',611,75,5,30,0,0)" onMouseOut="P7AniMagic('Layer4' ,666,102,5,30,0,0)"> </td> </tr> </table> </div> </div>