CSS控制滑鼠形狀

CSS控制滑鼠形狀
 
 
 
在網頁上，滑鼠平時呈箭頭形，指向連結時成為手形，等待網頁下載時成為沙漏形……這似乎是約定俗成的。雖然這樣的設計能使我們知道瀏覽器現在的狀態或是可以做什麼，但這些好像還不能完全地滿足我們的需要。就拿連結來說，可以是指向一個協助檔案，也可以是向前進一頁或是向後退一頁，針對如此多的功能光靠千篇一律的手形滑鼠是不能說明問題的。值得慶幸的是，CSS提供了多達13種的滑鼠形狀，供我們選擇。

基本格式如下：

cursor：滑鼠形狀參數

CSS滑鼠形狀參數表：

CSS代碼

滑鼠形狀

style="cursor:hand" 手形
style="cursor:crosshair" 十字形
style="cursor:text"文本形
style="cursor:wait" 沙漏形
style="cursor:move" 十字箭頭形
style="cursor:help" 問號形
style="cursor:e-resize"右箭頭形
style="cursor:n-resize" 上箭頭形
style="cursor:nw-resize" 左上箭頭形
style="cursor:w-resize" 左箭頭形
style="cursor:s-resize" 下箭頭形
style="cursor:se-resize" 右下箭頭形
style="cursor:sw-resize" 左下箭頭形

還可以自訂滑鼠樣式，這樣滑鼠這成你要的圖了
style="CURSOR: url(http://image2.sina.com.cn/gm/ol/cross/mouse/arrow40.cur)"