ตัวอย่าง

 

HOME
NEWSUPDATE
CHANGEBGCOLOR
SCROLLMARQUEE


 

 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 ]

1