ภาษาไทย
<html> <head> <style> /* ก่อนอื่นให้ใส่สไตล์ของ xmenu นี้ลงใน css*/ .xmenu td{font-size:12px;font-family:verdana,arial;font-weight:bolder;color:# ffffff ;border:1px solid #336699;พื้นหลัง:#336699;filter:blendtrans(duration=0.5);cursor:hand;text-align:center;} </style> <script> /* นี่เป็นการผูกการกระทำของเหตุการณ์ไปที่ ฟังก์ชั่นบนเมนู */ ฟังก์ชั่นแนบXMenu(objid){ var tds=objid.getElementsByTagName('td'); for(var i=0;i<tds.length;i++){ with(tds[i]){ onmouseover =function(){ with(this){ filter[0].apply(); style.พื้นหลัง='#FEBD20'; //นี่คือสีพื้นหลังเมื่อเลื่อนเมาส์ขึ้น style.border='1px solid #ffffff' ; //Border style.color='black'; //ตัวกรองสีข้อความ[0].play(); } } onmouseout=function(){ with(this){ filter[0].apply(); = '#336699'; //นี่คือสีพื้นหลังเมื่อเมาส์ออกจาก style.border='1px solid #336699'; //Border style.color='#ffffff'; //ตัวกรองสีข้อความ[0].play () ; } } } } } </script> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>เทคนิคพิเศษของเว็บเพจ</title> </head> <body> < !--เมนูเริ่มต้นที่นี่ โปรดใส่ใจกับการตั้งค่าคลาสให้เหมือนกับใน css และตั้งค่า id ให้มัน--> <table class="xmenu" id="xmenu0" width=" 500" cellpadding=" 1" cellspacing="4" border="0" bgcolor="#00000" align="center"> <tr> <td>เอฟเฟกต์พิเศษของหน้าเว็บ</td> <td>ดาวน์โหลดปลั๊กอิน </td> <td>สถาบันออนไลน์ </td> <td>ฐานดาวน์โหลด</td> <td>พันธมิตรเว็บไซต์</td> <td>การสร้างเว็บไซต์</td> </tr> </table> <script >attachXMenu(xmenu0); //ในการผูกการกระทำของเหตุการณ์จะดำเนินการที่ส่วนท้ายของตารางด้านบน xmenu0 นี่คือรหัสของตาราง</script> </body> </html>
