你是不是也想讓游標穿新衣呢?
跟著做，就ok哩!
滑鼠游標樣式語法： 引用自：
<STYLE type="text/css">
<!--
body{選擇想要的游標樣式語法;}
-->
</STYLE>
例如： <STYLE type="text/css">
<!--
body{cursor:move;}
-->
</STYLE> 此為十字箭頭的游標 |
作業中 cursor:progress 十字型 cursor:crosshair 箭頭朝上 cursor:n-resize 箭頭朝下 cursor:s-resize 十字箭頭 cursor:move 箭頭朝右 cursor:e-resize 箭頭朝左 cursor:w-resize 加一問號 cursor:help 箭頭朝左上 cursor:nw-resize 箭頭斜右下 cursor:se-resize 文字I型 cursor:text 箭頭斜左下 cursor:sw-resize 箭頭朝右上 cursor:ne-resize 漏斗 cursor:wait 手型(IE6) cursor:pointer 無法使用(IE6) cursor:not-allowed 游標圖案語法：
<STYLE type="text/css">
<!--
body{cursor:url(游標網址);}/*移到網頁時的滑鼠游標*/
a{cursor:url(游標網址);}/*移到超連結時的滑鼠游標*/
-->
</STYLE> |
PS．游標副檔名須為.ani / .cur / .ico
游標素材：感謝栀baby做的整理
→游標的對應網址:
游標編號1-5
游標編號6-10
游標編號11-15
游標編號16-20
游標編號21-25
游標編號26-30
游標編號31-35
→其他游標素材網站：
語法放置位置：
進階教學：
附註１：
引用自：滑鼠游標樣式可運用在任何標籤.例如:
整個網頁body{cursor:e-resize}
所有表格內table{cursor:e-resize}
使用圖案滑鼠游標例如:
body {cursor:url("mything.cur"),url("mything.cur"),text;}
當無法處理游標名單的第一個游標,則會以第二個游標代替
若無法處理任何定義的游標,最後便以一般游標text顯示
(圖案滑鼠游標寫法是W3C發佈的標準)
|X| 大部份常寫為 cursor:url(img/cur_f4.ani) 這是錯誤的
附註２：請使用游標素材者下載游標後上傳自個人網路空間，請勿直接連結。
字體：小 中 大
