[【姜】]

【CSS語法】 改變滑鼠游標的形狀

當滑鼠移到圖片或文字上面時，可以改變滑鼠游標的形狀~

範例預覽： http://www.flycan.com/flycancss/cursor.htm

1. 樣式部份設定如下：

★:

<style type="text/css"> <!-- .myMOUSE {    cursor: help; } --> </style>

2. 網頁中文字或圖片部份設定如下：

★:

<div class="myMOUSE">    文字內容...文字內容...文字內容...文字內容...文字內容... </div>

---

如下圖所示~滑鼠碰到文字內容時，滑鼠游標就會變成問號的形狀~

 

【姜】 在 2007-01-04 10:09 作了第 1 次修改

[【姜】]

cursor: help; 滑鼠游標會變成「問號」的形狀~

cursor: crosshair; 滑鼠游標會變成「十字」的形狀~

cursor: pointer; 滑鼠游標會同時出現原來的游標加上文字編輯時的「I」的形狀~

cursor: text; 滑鼠游標會變成文字編輯時的「I」的形狀~

cursor: move; 滑鼠游標會變成「移動十字箭頭」的形狀~

cursor: wait; 滑鼠游標會變成「沙漏」的形狀~

cursor: n-resize; 滑鼠游標會變成「向上箭頭」的形狀~

cursor: s-resize; 滑鼠游標會變成「向下箭頭」的形狀~

cursor: w-resize; 滑鼠游標會變成「向左箭頭」的形狀~

cursor: e-resize; 滑鼠游標會變成「向右箭頭」的形狀~

cursor: ne-resize; 滑鼠游標會變成「向右上箭頭」的形狀~

cursor: nw-resize; 滑鼠游標會變成「向左上箭頭」的形狀~

cursor: se-resize; 滑鼠游標會變成「向右下箭頭」的形狀~

cursor: sw-resize; 滑鼠游標會變成「向左下箭頭」的形狀~

[suwa]

那要自己自製的圖,要怎麼弄啊