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 , 14-05-2007
เป็นการทำแถบแสดงสีแบบสุ่มเลือกสีและยังกำหนดจำนวนสีที่จะให้แสดงได้ ดูตัวอย่างได้ ที่นี่ ครับ

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

<script language=javascript>

var CELLS = 75; // จำนวนแถบสีที่ต้องการให้มี

function DrawBar() {
document.write('<center><table id="theTable" border=1 cellpadding=0 bordercolor=black cellspacing=0 width=50% height=15></center><tr>');
for (i=0; i<=CELLS; i++) {
document.write('<td></td>');
}
document.write('</tr></table>');
colors('theTable');
}

function colors(id) {
var table = document.getElementById(id);
var rows = table.getElementsByTagName("td");
for(i = 0; i <= CELLS; i++){
rnum = Math.floor(Math.random() * 5 + 1);
rows[i].className = rnum;
}
setTimeout("colors('theTable')", 250);
}
</script>
<!-- ใส่สีที่ต้องการด้านล่างนี้ครับ -->
<style>

.1 {background-color: lightblue}

.2 {background-color: cyan}

.3 {background-color: blue}

.4 {background-color: darkblue}

.5 {background-color: black}

</style>



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

<script>DrawBar();</script>


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