Make your own free website on Tripod.com

Textual tooltip II

ออกแบบโดย : Hot Script

คำอธิบาย: สำหรับเวอร์ชันนี้สามารถใช้ได้กับ IE4+ และ  Ns4+ ซึ่งจะมีอีกฝั่งไว้แสดงเมื่อลากเมาส์ผ่านลิงค์

ตัวอย่างทดลองใช้:

ตารางรายการสคริปต์
back.jpg (6787 bytes)

ขั้นตอนที่ 1: นำโค้ดข้างล่างนี้ใส่ในส่วน <head> ของเว็บเพจ. สำหรับใน variable "content[]". จะเป็นข้อความ ที่เกิดจากลิงค์ ทั้งหมด 9 ลิงค์ซึ่งคุณสังเกตได้จากตัวอย่าง

เลือกข้อความทั้งหมด

ขั้นตอนที่ 2: นี่คือส่วนของ ลิงค์ซึ่งสามารถที่จะแก้ไขได้ตามต้องการ

เลือกข้อความทั้งหมด

นำโค้ดส่วนนี้ไปวางไว้ในตำแหน่งที่จะให้โชว์ข้อความที่เกิดจากลิงค์

เลือกข้อความทั้งหมด

onMouseover="changetext(content[0])"

สำหรับโค้ดข้างบนในช่อง  content[0]  ตัวเลขสามารถเปลี่ยนแปลงได้ขึ้นอยู่กับจำนวนของลิงค์

ในส่วนของ layer คสามารถที่เปลี่ยนขนาดของเลเยอร์ได้โดยการแก้ไขที่ <ilayer>และ <layer> ซึ่งคุณสามารกำหนดพื้นที่  ที่จะใช้แสดงของข้อความนั้นๆ ได้