เบราว์เซอร์ส่วนใหญ่ในปัจจุบันรองรับสไตล์ตัวชี้ (ย้ายเมาส์ไปที่ชื่อสไตล์เพื่อสังเกตว่าสไตล์ตัวชี้เปลี่ยนเป็นสไตล์นั้น):
ย้ายอัตโนมัติแบบไม่ลดขนาด
ตัวชี้แบบเลื่อนทั้งหมดไม่ได้รับการปรับขนาดแถว
Crosshair Progress e-resize ne-resize
ข้อความเริ่มต้น n-resize nw-resize
ช่วยเหลือ SE-Resize Se-Resize ในแนวตั้ง
สืบทอดการรอ wresize sw-resize
ใน Windows Internet Explorer 6.0 หรือรุ่นใหม่กว่ารูปแบบตัวชี้ด้านบนมีดังนี้:
ในการเปลี่ยนรูปแบบตัวชี้เมาส์ขององค์ประกอบผ่านสคริปต์คุณสามารถตั้งค่าองค์ประกอบแอตทริบิวต์ขององค์ประกอบ Style.cursor เป็นค่าใด ๆ ข้างต้น (วิธีอื่นที่ไม่ใช้ JavaScript คุณสามารถใช้แอตทริบิวต์ในแท็ก HTML ขององค์ประกอบ):
การคัดลอกรหัสมีดังนี้:
ฟังก์ชั่น setCursorById (id, cursorstyle) {
if (document.getElementById) {
if (document.getElementById (id) .style) {
document.getElementById (id) .style.cursor = CursorStyle;
-
-
-
เพิ่มวิธีการที่ใช้กันทั่วไปเพื่อเปลี่ยนสไตล์เมาส์: หากคุณต้องการย้ายเมาส์ไปยังองค์ประกอบเพื่อเปลี่ยนสไตล์เมาส์เพิ่มเคอร์เซอร์: (สไตล์ที่คุณต้องการเปลี่ยน)