Thaimisc.com : ทำฟอร์มเมนูพอกดเลือกแล้วจะกระพริบ
ThaiMisc.Com : Free Webboard | Free GuestBook | Free Poll | Free Ecard Server | Free Java Chat Room | Advertising | Contact Us | Colocation | Web Hosting | เปิดร้านค้าฟรี


Category : Today's Tips Print Article Only Print Aticle With Comment
ทำฟอร์มเมนูพอกดเลือกแล้วจะกระพริบ
เขียนโดย Poj , 23-02-2007
ทำฟอร์มเมนูเมื่อมีการกดเลือก เมนูนั้นๆจะกระพริบ ไปดูตัวอย่างได้ ที่นี่ ครับ

1.นำโค้ดส่วนนี้ไปใส่ไว้ใน <body>....</body> ครับ

<form name="take" >
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<!--- คุณสามารถเพิ่ม MENU ได้เอง โดยการใช้โปรแกรมในการทำ WEB ช่วย หรือไม่ก็เพิ่ม CODE ลงไปเองเลยอีกบรรทัด -->
<td width="100%"><select name="take2" size="5" style="width:200px">
<option value="http://www.thaiwebcreator.com" selected>thaiwebcreator.com</option>
<option value="http://www.textemo.cjb.net">TEXT EMOTION</option>
<option value="http://www.thaiping.cjb.net">THAIPING</option>
<option value="http://www.thairgb.cjb.net">THAIRGB</option>
<option value="http://www.thaimidi.cjb.net">THAIMIDI</option>
</select>

<script>
<!--

// จำนวนกระพริบที่ต้องการให้กระพริบ
var setframes=6

/////no need to edit below here///////////
var selected=-1
var switchit=-1
var cycle=0

function animate_go(){
if (cycle>=setframes){
document.take.take2.selectedIndex =selected
window.location=document.take.take2.options[document.take.take2.selectedIndex].value
return
}
switchit=(switchit==-1)? selected : -1
document.take.take2.selectedIndex =switchit
cycle++

setTimeout("animate_go()",100)
}

//-->
</script>
</td>
</tr>
<tr>
<td width="100%"><div align="center"><p>
<input type="button"
value="ไปหน้านั้น >>" name="B1" onClick="selected=document.take.take2.selectedIndex;cycle=0;animate_go()"></div></td>
</tr>
</table>
</form>


Credit - Codetukyang

<- Back | Next ->

ThaiMisc.Com : Free Webboard | Free GuestBook | Free Poll | Free Ecard Server | Free Java Chat Room | Advertising | Contact Us
Copyright 1999-2006 Thailand Miscellaneous. Allrights reserved. webmaster@thaimisc.com