部落格和網頁,都可以設定不同於瀏覽者電腦中預設的滑鼠指標。
有了滑鼠指標的加持,部落格的氣氛更獨特了。
喜歡設計獨一無二個人空間的主人,更不能錯過嚕~



連結滑鼠樣式
一定要滑鼠游標檔案才可以,通常都是cur檔,可以參考這裡:
咕狗大師裡面也可以搜尋到很多‥
日本滑鼠:http://www.asahi-net.or.jp/~cb9i-kn/index_e.htm
阿盛網站:http://sheng.phy.nknu.edu.tw/wjs-13ani.htm
OECSPACE:http://www.hsiu28.net/cursor/down.php?detail=cur1



網上有些人有分享滑鼠黨的直接連結,把網址貼進語法中就可以。
若你有自己製作的,可以上傳到自己的網頁空間中,如 
www.chinesefreewebs.com  、  www.freewebtown.com
等等的空間,從內容中找到連結,貼到語法中也是可以的:)


語法如下:
body{
cursor:URL(滑鼠網址);}
  /*滑鼠的檔案,副檔名一定要是.ani喔,這是滑鼠在網頁瀏覽中的樣子*/
a:hover{cursor:URL(滑鼠網址);} /*滑到連結上的滑鼠樣子*/ 


除了以圖案設計圖案為主的滑鼠指標,也有比較簡單的
下面那些是微軟內設的,意思就是不用另外找空間上傳,也可以使用↓
body{cursor:指令;}
a:hover{cursor:指令;}

語法範例:
cursor:crosshair;
a:hover{cursor:cursor:crosshair;}


綠色部份為滑鼠的樣式,可改為以下其他種形狀。
(滑鼠請移到下面中文字,就會出現該樣式的圖案喔!!)





cursor:hand (白手)

cursor:n-resize (箭頭朝上)

cursor:s-resize (箭頭朝下)

cursor:w-resize (箭頭朝左)

cursor:e-resize (箭頭朝右)

cursor:sw-resize (箭頭斜左下)

cursor:se-resize (箭頭斜右下)

cursor:move (四處指)

cursor:crosshair (十字架)

cursor:ne-resize (箭頭朝右上)

cursor:nw-resize (箭頭朝左上)

cursor:help (?形狀)

cursor:text (文字I型)

cursor:wait (漏斗)


arrow
arrow
    全站熱搜

    薇朵兒❤朵貓貓 發表在 痞客邦 留言(4) 人氣()