Latest News

วันพฤหัสบดีที่ 12 เมษายน พ.ศ. 2555

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


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

<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

3 ความคิดเห็น:

หากบทความเกิดความผิดพลาดประการใดต้องขออภัยและช่วยชี้แนะด้วยนะคะ ^^

AnasThailand

Add us on Google+