ตัวอย่าง

 

เมนู 1
     หน้าแรก
     Bullet Move
 เมนู 2
     Moving Text1
     Moving Text2
     Moving Text3
 เมนู 3
     Message Menu Menu
     Cool Menu
     Side Menu

 

 1.Code1 ใส่ใน Tag <head>   Code2 ใส่ใน Tag <body>
 2. Save picture as รูป Folderนี้ลงใน folderที่เก็บfileHTMLที่แสดง Script นี้      
 3. ในแทกbody เติมให้เป็น <body onLoad="preload()">
 4. แก้ไขเฉพาะใน Code2 ตรงที่เป็น
      <!--เมนู1-->
<span id="menu1" onClick="showhide(menu1outline,menu1sign)" style="cursor:hand; font-Family:MS Sans Serif; text-decoration:underline; font-weight:bold"><font style="text-decoration:none"><img id="menu1sign" src="closed.gif" valign="bottom"> </font>เมนู 1</span><br>
     <!--กำหนดเมนูย่อยของเมนู1-->
<span id="menu1outline" style="display:'none'">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="../../index.html" target="_blank">หน้าแรก</a><br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="code_bulletmove.html" target="_blank">Bullet Move</a><br>
</span>
มีทั้งหมด 3 เมนูซึ่งสามารถเพิ่มได้ตามต้องการ และส่วนที่ต้องแก้ไขคือส่วนที่เป็นการLink (ที่เป็นสีแดง) ให้ใส่หน้าLinkและข้อความที่เป็นตัวLinkได้ตามต้องการ
Code1
  <STYLE type="text/css">
<!--
a:visited { color: #CC0033}
a:link { color: #CC0033}
a:active { color: #CC0033}
a:hover { color: #FF0033}
-->
</STYLE>
<script language="javascript">
<!--
var Open = ""
var Closed = ""

function preload(){
if(document.images){
Open = new Image(16,13) 
Closed = new Image(16,13)
Open.src = "open.gif"
Closed.src = "closed.gif"
}}


function showhide(what,what2){
if (what.style.display=='none'){
what.style.display='';
what2.src=Open.src
}
else{
what.style.display='none'
what2.src=Closed.src
}
}
-->
</script>
Code2
  <font face="MS Sans Serif,AngsanaUPC" size="2">

<!--เมนู1-->
<span id="menu1" onClick="showhide(menu1outline,menu1sign)" style="cursor:hand; font-Family:MS Sans Serif; text-decoration:underline; font-weight:bold"><font style="text-decoration:none"><img id="menu1sign" src="closed.gif" valign="bottom"> </font>เมนู 1</span><br>

<!--กำหนดเมนูย่อยของเมนู1-->
<span id="menu1outline" style="display:'none'">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="../../index.html" target="_blank">หน้าแรก</a><br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="code_bulletmove.html" target="_blank">Bullet Move</a><br>
</span>

 

 

<!--เมนู2-->
<span id="menu2" onClick="showhide(menu2outline,menu2sign)" style="cursor:hand; font-Family:MS Sans Serif; text-decoration:underline; font-weight:bold"><font style="text-decoration:none"><img id="menu2sign" src="closed.gif" valign="bottom"> </font>เมนู 2</span><br>

<!--กำหนดเมนูย่อยของเมนู2-->
<span id="menu2outline" style="display:'none'">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="code_movingtext.html" target="_blank">Moving Text1</a><br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="code_movingtext1.html" target="_blank">Moving Text2</a><br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="code_movingtext2.html" target="_blank">Moving Text3</a><br>
</span>

 <!--เมนู3-->
<span id="menu3" onClick="showhide(menu3outline,menu3sign)" style="cursor:hand; font-Family:MS Sans Serif; text-decoration:underline; font-weight:bold"><font style="text-decoration:none"><img id="menu3sign" src="closed.gif" valign="bottom"> </font>เมนู 3</span><br>

<!--กำหนดเมนูย่อยของเมนู3-->
<span id="menu3outline" style="display:'none'">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="code_messagemenu.html" target="_blank">Message Menu Menu</a><br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="code_coolmenu.html" target="_blank">Cool Menu</a><br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="code_sidemenu.html" target="_blank">Side Menu</a><br>
</span>

</font>

[ Home ]  [ Chatroom ]  [ Board 1]  [Board 2 ]  [ Book ]  [ Sourcecode ]  [ Free ]  [ Servicesite ]  [ Link ]

1