ตัวอย่างคำสั่งที่ทำให้ <div> สามารถกลายเป็น link ได้ อีกทั้งเมื่อเอาเมาส์ไปโอเวอร์ก็ให้ cursor เป็นรูปมือ มีดังนี้

  1.  
  2. <div style="cursor: pointer; cursor: hand;" onclick="window.location = ‘/process/enterprise/training/change_index.shtml’;">
  3. BlahBlah</div>

เพียงแค่นี้ ไม่ว่าจะเป็น div หรือ อะไรก็ตามก็สามารถเป็น link ได้หมด

คำสั่งให้ cursor เป็นรูปมือ
คำสั่งข้างล่างนี้ใส่เพื่อให้ cursor ที่ไปชี้ นี้เป็นรูป

  1. style="cursor: pointer; cursor: hand;"

ทำไมถึงใส่ทั้ง pointer และ hand ทั้ง ๆ ที่สองคำสั่งนี้ก็เหมือนกัน?
เพราะว่า ถ้าเราใส่เฉพาะ cursor: pointer จะใช้ได้เฉพาะ IE ส่วน firefox จะใช้ไม่ได้ วิธีแก้เพื่อให้มัน Cross browser ก็คือใส่ทั้งสองเลย

คำสั่งที่ทำให้เมื่อคลิกที่ <div> แล้ว link ไปยัง url ที่กำหนด
คำสั่งด้านล่างนี้ใส่เพื่อให้เวลาเราคลิกบนพื้นที่ ที่กำหนด หรือในที่นี้คือ <div> ให้มันไปที่ url ที่กำหนด

  1. onclick="window.location = ‘/process/enterprise/training/change_index.shtml’;"

References: