HTML Tips เทคนิคสำหรับ web ของคุณ

htm044 : MouseOver Menu : เมนูเปลี่ยนสี ตัวอย่างเมนูอย่างง่ายๆ ไม่จำเป็นต้องเขียนเป็น scripts ให้ยุ่งยาก เพียงแค่เพิ่มคุณสมบัติบางอย่างเข้าไป ก็สามารถทำเมนูได้แล้ว สามารถเปลี่ยนสีและเพิ่มลูกเล่นอื่นๆ ได้อีกด้วย ตัวอย่าง  HOME  ASIA NEWS  BIG EVENTS  TECHNOLOGY  MEDIA ONLINE  TRAVEL GUIDE  SEARCH  ADVERTISE  SITE MAP  CONTACT US Author: www.asianewsupdate.com แทรกคำสั่งด้านล่างนี้ในตำแหน่งที่ต้องการ <table border="0" cellpadding="0" cellspacing="1" width="170" bgcolor = '#ffffff'> <tr><td bgcolor = "red" width = "5"> </td><td height = '20' width='96%' bgcolor="#DFDFDF" class=cellbox align=left style=cursor:hand onMouseOver=this.style.background='#FF8428' onMouseOut=this.style.background='#DFDFDF' onClick=window.location.href='index.html'> <a href="index.html" class= boldlink>HOME</a></td></tr> <tr><td bgcolor = "red" width = "5"> </td><td height = '20' width='96%' bgcolor="#DFDFDF" class=cellbox align=left style=cursor:hand onMouseOver=this.style.background='#FF8428' onMouseOut=this.style.background='#DFDFDF' onClick=window.location.href='asia_news.html'> <a href="asia_news.html" class= boldlink>ASIA NEWS</a></td></tr> <tr><td bgcolor = "red" width = "5"> </td><td height = '20' width='96%' bgcolor="#DFDFDF" class=cellbox align=left style=cursor:hand onMouseOver=this.style.background='#FF8428' onMouseOut=this.style.background='#DFDFDF' onClick=window.location.href='big_events.html'> <a href="big_events.html" class= boldlink>BIG EVENTS</a></td></tr> <tr><td bgcolor = "red" width = "5"> </td><td height = '20' width='96%' bgcolor="#DFDFDF" class=cellbox align=left style=cursor:hand onMouseOver=this.style.background='#FF8428' onMouseOut=this.style.background='#DFDFDF' onClick=window.location.href='technology.html'> <a href="technology.html" class= boldlink>TECHNOLOGY</a></td></tr> <tr><td bgcolor = "red" width = "5"> </td><td height = '20' width='96%' bgcolor="#DFDFDF" class=cellbox align=left style=cursor:hand onMouseOver=this.style.background='#FF8428' onMouseOut=this.style.background='#DFDFDF' onClick=window.location.href='media_online.html'> <a href="media_online.html" class= boldlink>MEDIA ONLINE</a></td></tr> <tr><td bgcolor = "red" width = "5"> </td><td height = '20' width='96%' bgcolor="#DFDFDF" class=cellbox align=left style=cursor:hand onMouseOver=this.style.background='#FF8428' onMouseOut=this.style.background='#DFDFDF' onClick=window.location.href='travel_guide.html'> <a href="travel_guide.html" class= boldlink>TRAVEL GUIDE</a></td></tr> <tr><td bgcolor = "red" width = "5"> </td><td height = '20' width='96%' bgcolor="#DFDFDF" class=cellbox align=left style=cursor:hand onMouseOver=this.style.background='#FF8428' onMouseOut=this.style.background='#DFDFDF' onClick=window.location.href='search.html'> <a href="search.html" class= boldlink>SEARCH</a></td></tr> <tr><td bgcolor = "red" width = "5"> </td><td height = '20' width='96%' bgcolor="#DFDFDF" class=cellbox align=left style=cursor:hand onMouseOver=this.style.background='#FF8428' onMouseOut=this.style.background='#DFDFDF' onClick=window.location.href='advertise.html'> <a href="advertise.html" class= boldlink>ADVERTISE</a></td></tr> <tr><td bgcolor = "red" width = "5"> </td><td height = '20' width='96%' bgcolor="#DFDFDF" class=cellbox align=left style=cursor:hand onMouseOver=this.style.background='#FF8428' onMouseOut=this.style.background='#DFDFDF' onClick=window.location.href='site_map.html'> <a href="site_map.html" class= boldlink>SITE MAP</a></td></tr> <tr><td bgcolor = "red" width = "5"> </td><td height = '20' width='96%' bgcolor="#DFDFDF" class=cellbox align=left style=cursor:hand onMouseOver=this.style.background='#FF8428' onMouseOut=this.style.background='#DFDFDF' onClick=window.location.href='contact_us.html'> <a href="contact_us.html" class= boldlink>CONTACT US</a></td></tr> </table> ส่วนที่ต้องแก้ไข ก่อนเริ่มใช้งาน ลิงค์ในแต่ละเมนู (เมนูละ 2 จุด) คำสั่ง "class=boldlink" ถ้ามีการใช้ CSS ให้กำหนดสีที่ต้องการ ถ้าไม่มีให้ลบออก

Copyright ® 2000-2005 IT-Guides.Com all right reserve

Always Online