เมื่อชี้ที่รูปภาพจะเปลี่ยนเป็นอีกรูปหนึ่ง

โค้ดเมื่อชี้ที่รูปภาพจะเปลี่ยนเป็นอีกรูปหนึ่ง

<img src="รูปภาพที่ 1" border="0"

onmouseover="this.src='รูปภาพที่ 2';"

onmouseout="this.src='รูปภาพที่ 1';"

/>

เกี่ยวกับโค้ดข้างบน

รูปภาพที่ 1 : เป็นรูปภาพที่จะแสดงผล

* onmouseout="this.src='รูปภาพที่ 1';" : รูปภาพในส่วนนี้ก็คือเมื่อนำเม้าส์ออกจากรูปภาพที่ 2 แล้วรูปภาพก็จะเปลี่ยนเป็นรูปภาพที่ 1 หรือตาม URL รูปภาพที่คุณใส่ค่ะ

รูปภาพที่ 2 : เมื่อนำเม้าส์ไม่ชี้ที่รูปภาพที่ 1 ก็จะเปยนเป็นรูปภาพที่ 2 ค่ะ

โค้ดลิงก์ไปยังหน้าเว็บ

<a href="http://pakamasblog.blogspot.com" target="_blank">

http://pakamasblog.blogspot.com ให้เปลี่ยนเป็น URL เว็บไซต์ที่ต้องการจะลิงก์ค่ะ

ถ้าต้องการใส่ลิงก์ให้กับรูปภาพก็นำโค้ดข้างบนนี้ไปวางไว้ข้างหน้าโค้ดดังกล่าวค่ะ และวาง </a> ไว้หลังโค้ดทั้งหมด

ตัวอย่างโค้ด

<a href="http://pakamasblog.blogspot.com" target="_blank">

<img src="รูปภาพที่ 1" border="0"

onmouseover="this.src='รูปภาพที่ 2';"

onmouseout="this.src='รูปภาพที่ 1';"

/></a>

มีอะไรสงสัยสามารถสอบถามได้โดยการคอมเม้นใต้บทความหรือติดต่อได้ที่ CONTACT ค่ะ

อ้างอิงโค้ดจาก : http://community.thaiware.com