Menu |
ตัวอย่าง
1. Code1 ใส่ใน Tag <head> 2. Code2 ใส่ใน Tag <body> ให้ใส่บรรทัดต่อจาก <body> เลยส่วนที่เป็นหน้าเวบให้ใส่ต่อจาก Codeอีกที 3. Code1ไม่ต้องแก้ไขอะไร 4. Code2แก็ส่วนที่เป็นแบบอักษรและส่วนที่เป็นข้อความและหน้า Link ได้ตามต้องการ(มีอธิบายใน codeแล้วครับ) |
Code1 |
<script
language="JavaScript1.2">
<!--http://www.banabana.u4l.com--> function move(x) { if (document.all) { object1.style.pixelLeft += x; object1.style.visibility = "visible"} else if (document.layers) { document.object1.left += x; document.object1.visibility = "show"}}; function makeStatic() { if (document.all) {object1.style.pixelTop=document.body.scrollTop+20} else {eval(document.object1.top=eval(window.pageYOffset+20));} setTimeout("makeStatic()",0);} </script> <style> <!-- .hl { Background-Color : yellow; Cursor:n-resize; } .n { Cursor:n-resize; } --> </style> |
Code2 |
<LAYER
visibility="hide"
top="20"
name="object1"
bgcolor="black"
left="0"
onmouseover="move(132)"
onmouseout="move(-132)">
<script language="JavaScript1.2"> function positionmenu(){ move(-132) } if (document.all) {document.write('<DIV ID="object1" style="visibility:hidden;cursor:hand; Position : Absolute ;Left : 0px ;Top : 20px ;Z-Index : 20" onmouseover="move(132)" onmouseout="move(-132)">')} </script> //ส่วนที่เป็นตารางเมนูเปลี่ยนแบบตัวอักษรได้ตามต้องการ <table border="0" cellpadding="0" cellspacing="1" width="150" bgcolor="#FF0000"> <tr><td bgcolor="#FFFF00"> <font size="5" face="simpson,ma sans sarif,Arial"><b>Menu</b></font></td> <script language="JavaScript1.2"> <!--บรรทัดด้านล่างนี้ให้อยู่ในบรรทัดเดียวกัน(เป็นส่วนหน้าเมนูให้เปลี่ยนแบบอักษรและข้อความตามต้องการ)--> document.write('<td align="center" rowspan="100" width="16" bgcolor="#FFFF00"><span style="font-size:13px"><p align="center"><font face="simpson,ms sans serif,Arial Black"><b>S<br>I<br>D<br>E<br>M<br>E<br>N<BR>U</b></font></p></span></TD>') <!--จบบรรทัด--> </script> </tr> <script language="JavaScript1.2"><!-- if (document.all||document.layers) { makeStatic();} var text=new Array(); var thelink=new Array(); //ใส่ข้อความที่เป็นตัวLinkข้างล่างนี้เพิ่มได้ตามต้องการ text[0]="Home"; text[1]="Text Move"; text[2]="bullet Move"; text[3]="Moving Text"; text[4]="Moving Text2"; text[5]="Moving Text3"; text[6]="Color Menu"; text[7]="Banner Ads"; //ใส่หน้าLinkข้างล่างนี้เพิ่มตามจำนวนตัวLinkข้างบน thelink[0]="http://www.geocities.com/banabana_web/index.html"; thelink[1]="http://www.geocities.com/banabana_web/banabana/html/textmove.html"; thelink[2]="http://www.geocities.com/banabana_web/banabana/html2/bulletmove.html"; thelink[3]="http://www.geocities.com/banabana_web/banabana/html2/movingtext.html"; thelink[4]="http://www.geocities.com/banabana_web/banabana/html2/movingtext1.html"; thelink[5]="http://www.geocities.com/banabana_web/banabana/html2/movingtext2.html"; thelink[6]="http://www.geocities.com/banabana_web/banabana/html2/colormenu.html"; thelink[7]="http://www.geocities.com/banabana_web/banabana/html2/bannerads.html";
//ถ้าหน้าเวบเป็นFrameให้ใส่ชื่อเฟรมที่จะให้Linkไปปรากฏข้างล่างนี้ครับเช่นlinktarget='main' var linktarget='' //ข้างล่างนี้ไม่จำเป็นต้องเปลี่ยนแปลง//////////////// function navigateie(which){ if (linktarget=='') window.location=thelink[which] else if (linktarget=='new') window.open(thelink[which]) else{ temp_var=eval("window.parent."+linktarget) temp_var.location=thelink[which] } } for (i=0;i<=text.length-1;i++) if (document.all) {document.write('<TR><TD height=20 bgcolor=white onclick="navigateie('+i+')" onmouseover="className=hl" onmouseout="className=n"><FONT SIZE=2 FACE=ARIAL> '+text[i]+'</FONT></TD></TR>')} else {document.write('<TR><TD bgcolor="white"><ILAYER><LAYER HEIGHT="18" onmouseover="this.bgColor=yellow" onmouseout="this.bgColor=white" width=131><FONT SIZE=2 FACE=ARIAL> <A HREF="'+thelink[i]+'" target="'+linktarget+'" id="nounderline">'+text[i]+'</A></FONT></LAYER></ILAYER></TD></TR>')} //--> </script> <tr> <td bgcolor="#0099FF"><font size="1" face="Arial"> </font></td> </TR> </table> <script language="JavaScript1.2"> if (document.all) {document.write('</DIV>')} window.onload=positionmenu </script> </LAYER> <center> <!--บรรทัดข้างล่างคือส่วนที่เป็นหน้าเวบ--> |
[ Home ] [ Chatroom ] [ Board 1] [Board 2 ] [ Book ] [ Sourcecode ] [ Free ] [ Servicesite ] [ Link ]