<image> 是個很簡單的物件。有時候我們可能只是放一個按鈕圖示而已。但希望當滑鼠游標移到按鈕上頭時，要能變成手指的圖示，這時候，可以透過 javascript去設定 onmouseover的屬性來達成。
ex:
img.Attributes.Add("onmouseover", "style.cursor='pointer'");
在 IE 4/5 版本，是支援 "style.cursor='hand'" 當作是『手指』的游標符號。但後來 W3C 公佈的標準裡採用 pointer 當作手指的符號，所以IE 6 以後的版本也可使用 pointer 來指定手指游標。目前的 FireFox 或 Google 瀏覽器則都是採用 pointer。
附上常見 游標符號：
| CSS 樣式 | 顯現結果 |
| { cursor: crosshair; } | 滑鼠游標圖案是 crosshair |
| { cursor: pointer; } | 滑鼠游標圖案是 pointer |
| { cursor: text; } | 滑鼠游標圖案是 text |
| { cursor: move; } | 滑鼠游標圖案是 move |
| { cursor: wait; } | 滑鼠游標圖案是 wait |
| { cursor: help; } | 滑鼠游標圖案是 help |
| { cursor: progress; } | 滑鼠游標圖案是 progress |
| { cursor: not-allowed; } | 滑鼠游標圖案是 not-allowed |
| { cursor: no-drop; } | 滑鼠游標圖案是 no-drop |
| { cursor: no-vertical-text; } | 滑鼠游標圖案是 no-vertical-text |
| { cursor: all-scroll; } | 滑鼠游標圖案是 all-scroll |
| { cursor: col-resize; } | 滑鼠游標圖案是 col-resize |
| { cursor: row-resize; } | 滑鼠游標圖案是 row-resize |
| { cursor: e-resize; } | 滑鼠游標圖案是 e-resize |
| { cursor: ne-resize; } | 滑鼠游標圖案是 ne-resize |
| { cursor: n-resize; } | 滑鼠游標圖案是 n-resize |
| { cursor: nw-resize; } | 滑鼠游標圖案是 nw-resize |
| { cursor: w-resize; } | 滑鼠游標圖案是 w-resize |
| { cursor: sw-resize; } | 滑鼠游標圖案是 sw-resize |
| { cursor: s-resize; } | 滑鼠游標圖案是 s-resize |
| { cursor: se-resize; } | 滑鼠游標圖案是 se-resize |
我們也可以自定游標圖案。自定圖案的語法是：
{ cursor: url(圖案網址); }
更新日期：20090701
沒有留言:
張貼留言