ลงทะเบียน
ใกล้กัน ช่วยให้คุณแชร์เรื่องราวต่างๆ กับผู้คนมากมาย

การเปลี่ยนรูปแบบตัวชี้เมาท์ Cursors โดย CSS

การเปลี่ยนรูปแบบตัวชี้เมาท์ Cursors โดย CSS

โพสต์ใน: เว็บไซต์ / - โดย - Oct 01, 2017

นำเม้าท์ชี้แต่ละรายการด้านล่างรูป Cursor จะเปลี่ยน ทั้งนี้ขึ้นอยู่กับจะนำไปใช้ใส่ใน HTML ณ จุดที่ต้องการสื่อความหมายกับผู้มาเยี่ยมชมเว็บ:

  1. Auto   แท็ก HTML:   style="cursor: auto;"
  2. Crosshair  แท็ก HTML:    style="cursor: crosshair;"
  3. Default  แท็ก HTML:    style="cursor: default;"
  4. Pointer  แท็ก HTML:    style="cursor: pointer;"
  5. Move  แท็ก HTML:    style="cursor: move;"
  6. e-resize  แท็ก HTML   style="cursor: e-resize;"
  7. ne-resize  แท็ก HTML:    style="cursor: ne-resize;"
  8. ne-resize  แท็ก HTML:    style="cursor: ne-resize;"
  9. nw-resize  แท็ก HTML:    style="cursor: nw-resize;"
  10. n-resize  แท็ก HTML   style="cursor: n-resize;"
  11. se-resize  แท็ก HTML:    style="cursor: se-resize;"
  12. sw-resize  แท็ก HTML:    style="cursor: sw-resize;"
  13. s-resize  แท็ก HTML:    style="cursor: s-resize;"
  14. w-resize  แท็ก HTML:    style="cursor: w-resize;"
  15. text  แท็ก HTML:    style="cursor: text;"
  16. wait  แท็ก HTML:    style="cursor: wait;"
  17. help  แท็ก HTML:    style="cursor: help;"

หากนำเม้าท์ไปวางแล้วเปลี่ยนเป็นรูปแปลก ๆ เนื่องจากถูกให้แสดงด้วยคำสั่ง HTML ข้างต้น

เขียนเว็บไซต์

User not write anything about he.
Captcha Challenge
ลองรูปภาพใหม่
Type in the verification code above

ลองอ่านดูน่าสนใจ: