今天來教大家玩:變更網頁游標!

網頁游標的變更,會讓網頁整體瀏覽觀感上會有很大的不同。

在IE瀏覽環境,如果想使用一般游標顯示,其滑鼠游標的語法如下:

<style type="text/css">
body {cursor:
text;}
</style>

/*說明:整體瀏覽上以一般游標text顯示。*/

也可直接在連接的style.css內,加上body {cursor:text;} 即可。

而一般游標樣式如下,供大家參考使用(滑鼠移至上方,可預覽樣式):

文字I型 text
十字型 crosshair
箭頭朝下 s-resize
十字箭頭 move
箭頭朝右 e-resize
問號 help
箭頭朝左 w-resize
箭頭朝上 n-resize
箭頭朝右上 ne-resize
箭頭朝左上 nw-resize
箭頭斜右下 se-resize
箭頭斜左下 sw-resize
漏斗 wait
手 hand

如果想要使用更活潑或獨特的游標,可以使用以下語法:

<style type="text/css">
body {cursor:url("
路徑檔名副檔名"),url("路徑檔名副檔名"),text;}
</style>

/*說明:當無法處理游標名單的第一個游標,則會以第二個游標代替,無法處理任何定義的游標,最後便以一般游標text顯示。*/

當然,也可直接在連接的style.css內,加上body {cursor:url("路徑檔名副檔名"),url("路徑檔名副檔名"),text;} 即可。

獨特的游標可以從網路下載或自已DIY。提醒您,動態游標的副檔名為.ani和.ico,靜態游標的副檔名為.cur,除了這三種副檔名之外,不支援其他副檔名的圖片喔!

網路下載部份,像是Totally Free Cursors就提供了6千多種游標,只要下載後,上傳至網路空間內(也可直接上傳至全球華文網),就可以連結使用囉Laughing

如果想要製作獨一無二的游標,可使用一個簡單的軟體Microangelo,其詳細可以參考玩子老師(甘貴新老師)的「應用 Microangelo 製作與使用動態游標」教學步驟來自己DIY喔!

祝大家玩的愉快。