การกำหนด style ใ้ห้กับ Mouse cursor หากคุณใช้ browser Firefox ลักษณะของ Cursor ที่เห็นจะไม่เหมือนกับของ IE (ลองเอาเมาส์เลื่อนที่ค่า value ต่างๆ ดูค่ะ)
Property | Value | Cursor | IE | FF |
cursor | default | 4+ | 2+ | |
crosshair | 4+ | 2+ | ||
hand | 4+ | |||
pointer | 4+ | 2+ | ||
move | 4+ | 2+ | ||
text | 4+ | 2+ | ||
wait | 4+ | 2+ | ||
help | 4+ | 2+ | ||
n-resize | 4+ | 2+ | ||
ne-resize | 4+ | 2+ | ||
e-resize | 4+ | 2+ | ||
se-resize | 4+ | 2+ | ||
s-resize | 4+ | 2+ | ||
sw-resize | 4+ | 2+ | ||
w-resize | 4+ | 2+ | ||
nw-resize | 4+ | 2+ | ||
progress | 6+ | 2+ | ||
not-allowed | 6+ | 2+ | ||
no-drop | 6+ | 2+ | ||
vertical-text | 6+ | 2+ | ||
all-scroll | 6+ | 2+ | ||
col-resize | 6+ | 2+ | ||
row-resize | 6+ | 2+ | ||
url(yourcursor.cur) | 6+ | 2+ |
ตัวอย่าง
<a href="" style="cursor:help">Help</a><br />
<a href="" style="cursor:url(images/cur002.cur)">My kitty cursor (สำหรับ IE) </a><br />
<a href="" style="cursor:url('images/cur002.cur'),auto">My kitty cursor (สำหรับ Firefox, IE ก็ยังใช้ได้)</a>
ผลลัพธ์ลองเอาเมาส์เลื่อนที่ข้อความด้านล่างดูค่ะ
<a href="" style="cursor:url(images/cur002.cur)">My kitty cursor (สำหรับ IE) </a><br />
<a href="" style="cursor:url('images/cur002.cur'),auto">My kitty cursor (สำหรับ Firefox, IE ก็ยังใช้ได้)</a>