แสดงข้อความที่ Status Bar เมื่อ Mouse Over/Mouse Out

ต้องการทำลิงก์ หรือรูปภาพใดๆ แล้วให้แสดงข้อความที่ Status Bar เมื่อเมาส์อยู่เหนือลิงก์ หรือเหนือรูปภาพ และหายไปเมื่อนำเมาส์เลื่อนออก

  • ทำลิงก์ (สำหรับรูปภาพหากไม่มีการลิงก์ให้ใส่ # ในรายการ Link)
  • เปิด Behaviors Panel ด้วยคำสั่ง Window, Behaviors
  • คลิกปุ่ม เลือกรายการ Show Events for ให้มีค่าเป็น 4.0 and Later browsers
  • คลิกปุ่ม เลือกคำสั่ง Set Text, Set Text of Status Bar
  • ป้อนข้อความที่ต้องการให้แสดง
  • ปรากฏชุดคำสั่งดังนี้

  • ตรวจสอบรายการเมาส์ จะต้องเป็น onMouseOver
  • คลิกปุ่ม เลือกคำสั่ง Set Text, Set Text of Status Bar
  • ป้อนข้อความใหม่ที่ต้องการให้แสดง หรือเคาะเว้นวรรค
  • ปรากฏชุดคำสั่งดังนี้

  • เปลี่ยนการทำงานของเมาส์ในคำสั่งที่สอง เป็น onMouseOut

  • ทดลองรันหน้าเว็บ

ผู้เขียน

  1. นายบุญเลิศ อรุณพิบูลย์ นักวิชาการ ศูนย์บริการความรู้ทางวิทยาศาสตร์และเทคโนโลยี



Personal Tools
Creative Commons License
STKS Online Learning โดย http://stks.or.th/wiki อนุญาตให้ใช้ได้ตาม สัญญาอนุญาตของครีเอทีฟคอมมอนส์แบบ แสดงที่มา-ไม่ใช้เพื่อการค้า-อนุญาตแบบเดียวกัน 3.0 ประเทศไทย.