การสลับสีของแถวแบบง่าย

การสลับสีแถวแบบง่ายๆ เพิ่มลูกเล่นอีกหน่อย เมื่อเอาเมาท์ไปชี้

คงเห็นหลายๆเว็บน่ะครับที่แสดงข้อมูลเป็นแถวยาวลงมาสีของพื้นตารางจะสลับกันจะให้เราอ่านหัวข้อนั้นๆ ได้ง่าย
และอาจจะทำให้เว็บเราสวยงามอีกน่ะครับ ต่อไปนี้เราจะทำแบบนั้นกันเอาแบบง่ายๆ และเพิ่มลูกเล่นอีกนิดเมื่อเอาเมาท์ไปชี้

ตัวอย่างแบบนี้ครับ สลับสีของแถวแบบ ASP และลูกเล่น Java script ลองเอาเมาท์ไปชี้สิครับ

ohlanla

jakjee

สาวสวย

หนุ่มหล่อ

สัตว์เลียง

แถมให้ ดูลิงค์สิครับเอาเมาท์ไปชี้กระพริบเปลี่ยนสีด้วย

วิธีทำ

ก่อนอื่นให้โหลดไฟล์นี้ก่อนน่ะครับ myscript.js คลิ๊กโหลดเลยครับ นำไปไว้ใน forder เดียวกันน่ะครับ

ส่วนนี้เป็นส่วนของเราเรียงใช้ script เอาไว้ใน body น่ะครับ
========================================
<script language="JavaScript" type="text/JavaScript" src="myscript.js"></script>

ส่วนนี้ตรงที่สลับสีแถวครับจะเพิ่มอีกนิดดังนี้เลยครับ
========================================

<%if ((RecNo mod 2) = 0) then%>
<tr valign="top" bgcolor="#FF2BCA" onmouseout="CngTd(this,'off','')" onmouseover="CngTd(this,'on','')">
<%else%>
<tr valign="top" bgcolor="#FFAEEB" onmouseout="CngTd(this,'off','')" onmouseover="CngTd(this,'on','')">
<%end if%>

ของแถมเล็กๆน้อยครับ ลองดูทำดูสิครับ ดูทริปอื่นๆคลิ๊กที่นี่เลยครับ

โค๊ชจาก ชัชวาล มาไกล webmater ohlanla.com