幫你的滑鼠游標換新衣囉



 








body{cursor:hand;}


a:hover{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          (漏斗)


　


[使用圖片式的滑鼠游標]



body{cursor:url("游標圖片檔網址1")}                     /*移到網頁時的滑鼠游標*/
a:hover {cursor:url("游標檔圖片檔網址2")}            /*移到超連結時的滑鼠游標*/

※ 同時加入在body跟a:hover即可呈現變化。


[解說]





1. body裡面放游標代表著一般時候的游標，
hover裡面放游標代表當滑鼠移到超連結時候的游標。



2.CSS的游標得用cur檔(靜態游標)、ani檔(動態游標)或ico檔，不支援gif、bmp、jpg檔案。



3.cursor游標檔可使用Microangelo或IconForge這些軟體製作。
另外也分享一個日本網站http://www.k3.dion.ne.jp/~handy/cursorindex.html


這個網站也有很多免費的圖檔: http://www.iconarchive.com/






4.精選的游標分享都是我自己上傳的唷~^^~分享給大家囉，把網址複製起來貼進去上面的語法當中即可。)


雪花


http://homelf.kimo.com.tw/l007_700l/FH/snow/snow.Cur


http://homelf.kimo.com.tw/l007_700l/FH/snow/1.Cur


http://homelf.kimo.com.tw/l007_700l/FH/snow/2.Cur


http://homelf.kimo.com.tw/l007_700l/FH/snow/3.Cur


http://homelf.kimo.com.tw/l007_700l/FH/snow/4.Cur


http://homelf.kimo.com.tw/l007_700l/FH/snow/5.Cur


http://homelf.kimo.com.tw/l007_700l/FH/snow/6.Cur



熱帶魚


http://homelf.kimo.com.tw/l007_700l/FH/fish/f.Cur


http://homelf.kimo.com.tw/l007_700l/FH/fish/1.Cur


http://homelf.kimo.com.tw/l007_700l/FH/fish/2.Cur


http://homelf.kimo.com.tw/l007_700l/FH/fish/3.Cur


http://homelf.kimo.com.tw/l007_700l/FH/fish/4.Cur


http://homelf.kimo.com.tw/l007_700l/FH/fish/5.Cur


http://homelf.kimo.com.tw/l007_700l/FH/fish/6.Cur


http://homelf.kimo.com.tw/l007_700l/FH/fish/7.Cur


小貓咪



http://homelf.kimo.com.tw/l007_700l/FH/cat/cat.Cur


http://homelf.kimo.com.tw/l007_700l/FH/cat/1.Cur


http://homelf.kimo.com.tw/l007_700l/FH/cat/2.Cur


http://homelf.kimo.com.tw/l007_700l/FH/cat/3.Cur


http://homelf.kimo.com.tw/l007_700l/FH/cat/4.Cur


http://homelf.kimo.com.tw/l007_700l/FH/cat/5.Cur


http://homelf.kimo.com.tw/l007_700l/FH/cat/6.Cur


http://homelf.kimo.com.tw/l007_700l/FH/cat/7.Cur


http://homelf.kimo.com.tw/l007_700l/FH/cat/8.Cur


玫瑰花


http://homelf.kimo.com.tw/l007_700l/FH/ross/1.ani


http://homelf.kimo.com.tw/l007_700l/FH/ross/2.ani


http://homelf.kimo.com.tw/l007_700l/FH/ross/3.ani


http://homelf.kimo.com.tw/l007_700l/FH/ross/4.ani


http://homelf.kimo.com.tw/l007_700l/FH/ross/5.ani


http://homelf.kimo.com.tw/l007_700l/FH/ross/6.ani


心心相印


http://homelf.kimo.com.tw/l007_700l/FH/hat/1.ani


http://homelf.kimo.com.tw/l007_700l/FH/hat/2.ani


http://homelf.kimo.com.tw/l007_700l/FH/hat/3.ani


http://homelf.kimo.com.tw/l007_700l/FH/hat/4.ani


http://homelf.kimo.com.tw/l007_700l/FH/hat/5.ani


http://homelf.kimo.com.tw/l007_700l/FH/hat/6.ani


仙女棒


http://homelf.kimo.com.tw/l007_700l/FH/sta/2.ani


http://homelf.kimo.com.tw/l007_700l/FH/sta/2.cur


http://homelf.kimo.com.tw/l007_700l/FH/sta/3.ani


http://homelf.kimo.com.tw/l007_700l/FH/sta/3.cur


http://homelf.kimo.com.tw/l007_700l/FH/sta/4.ani


http://homelf.kimo.com.tw/l007_700l/FH/sta/4.cur


http://homelf.kimo.com.tw/l007_700l/FH/sta/5.ani


http://homelf.kimo.com.tw/l007_700l/FH/sta/5.cur


http://homelf.kimo.com.tw/l007_700l/FH/sta/6.ani


http://homelf.kimo.com.tw/l007_700l/FH/sta/6.cur


http://homelf.kimo.com.tw/l007_700l/FH/sta/7.ani


http://homelf.kimo.com.tw/l007_700l/FH/sta/7.cur


http://homelf.kimo.com.tw/l007_700l/FH/sta/8.ani


http://homelf.kimo.com.tw/l007_700l/FH/sta/8.cur


http://homelf.kimo.com.tw/l007_700l/FH/sta/9.ani


http://homelf.kimo.com.tw/l007_700l/FH/sta/9.cur


http://homelf.kimo.com.tw/l007_700l/FH/sta/1.ani


http://homelf.kimo.com.tw/l007_700l/FH/sta/10.cur


http://homelf.kimo.com.tw/l007_700l/FH/sta/11.ani


http://homelf.kimo.com.tw/l007_700l/FH/sta/12.cur


arrow
arrow
    全站熱搜

    purplecat 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄