ตัวอย่าง
|
1. Code1 ใส่ใน Tag <head>
Code2 ใส่ในTag <body> 2. Code1 ตรง document.form.info.value="........." คือคำอธิบายLinkที่จะปรากฏขึ้นมาเมื่อคลิกที่ข้อความ(เป็นคำอธิบายของข้อความใหนดูที่ if (selection=="1")เลข1คือข้อความที่1 3. Code1 ตรง document.form.go.value="............"; คือหน้าเวบเพจที่จะLinkไป 4. Code2 เปลี่ยนตรงข้อความที่เป็นตัวLinkได้ตามต้องการ(ในโค้ดนี้คือ HOME,NEWSUPDATE,CHANGEBGCOLOR,SCROLLMARQUEE ) |
Code1 |
<script
language="JavaScript">
// http://www.banabana.u4l.com <!-- Begin function linkDisplay(selection) { if (selection=="1") { document.form.info.value="กลับไปหน้าแรกครับ";//คำอธิบายLink document.form.go.value="../../index.html";//หน้าที่จะLinkไป } else if(selection=="2") { document.form.info.value="เป็นการแสดงข้อความซึ่งข้อความจะขึ้นมาทีละข้อความแล้วเปลี่ยนไปเรื่อยๆโดยมีEffectด้วย"; document.form.go.value="code_newsupdate.html"; } else if(selection=="3") { document.form.info.value="เปลี่ยนสีแบ็คกราวด์ง่ายๆครับโดยเลือกสีจากเมนูสามารถเพิ่มสีได้ตามใจชอบครับ"; document.form.go.value="code_changebgcolor.html"; } else { document.form.info.value = "เป็นการแสดงข้อความโดยข้อความจะค่อยๆเลื่อนขึ้นไปเรื่อยๆสามารถใส่รูปลงไปได้ด้วนครับ."; document.form.go.value="code_scollmaquee.html"; } } function moreInfo() { var page=document.form.go.value; window.location=page; } // End --> </script>
|
Code2 |
<center>
<form name=form>
<table border=0 width=500> <tr> <td align=center><a href="javascript:linkDisplay(1);">HOME</a><br></td> <td align=center><a href="javascript:linkDisplay(2);">NEWSUPDATE</a><br></td> <td align=center><a href="javascript:linkDisplay(3);">CHANGEBGCOLOR</a><br></td> <td align=center><a href="javascript:linkDisplay(4);">SCROLLMARQUEE</a><br></td> </tr> <tr> <td colspan=4 align=center> <textarea name=info rows=3 cols=40 wrap=virtual>คลิกที่ข้อความเพื่อดูรายละเอียดที่นี่ครับ</textarea><br><br> <input type=button name=button value="ไปดูกันดีกว่า!" onClick="moreInfo()"> <input type=hidden name=go value=""> </td></tr> </table> </form> </center>
|
[ Home ] [ Chatroom ] [ Board 1] [Board 2 ] [ Book ] [ Sourcecode ] [ Free ] [ Servicesite ] [ Link ]