โค้ดเมื่อชี้ที่รูปภาพจะเปลี่ยนเป็นอีกรูปหนึ่ง
<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
ขอบคุณมากครับ ^^ เย้ๆ
ตอบกลับลบGOOOOOOOODDDDD+
ตอบกลับลบขอบคุณครับ
ตอบกลับลบอยากได้แบบ ชี้แล้วเป็น สีดำจางๆ ครับ
ตอบกลับลบงง มากเลยผม
ตอบกลับลบกำลังต้องการอยากรู้พอดีเลยครับ
ตอบกลับลบ