NECTEC
NSTDA
Home
Computer
Program
Internet & Web
Graphics
CAI
Multimedia
Electrical Power
General Education
Special Education
Links
Webmaster
Web Design by HTML

สร้าง Tooltips

หลายๆ คนคงชอบเวลานำเมาส์ไปชี้บนไอคอนของ Windows แล้วปรากฏคำอธิบายในกรอบสีเหลือง ที่เรียกว่า Tooltip เอกสารเว็บก็สามารถทำได้ โดยอาศัย Attribute ชื่อ Title แต่จะแสดงผลได้เฉพาะบน IE4 ขึ้นไปน่ะครับ

การสร้าง Tooltip สำหรับลิงก์แบบข้อความ

<a href="ลิงก์" title="คำอธิบายลิงก์">ข้อความ</a>

การสร้าง Tooltip สำหรับ Text box ในฟอร์ม

<input type="text" title="คำอธิบายลิงก์">

การสร้าง Tooltip ให้กับข้อความ

การทำลิงก์ให้กับข้อความ สามารถใช้ Attribute ชื่อ Title ได้เช่นกัน โดยใช้ร่วมกับแท็กควบคุมการแสดงผลทั่วไป เช่น แท็กควบคุมตัวหนา

<b title="คำอธิบายลิงก์">ข้อความ</b>