close



1
最簡單的就是直接使用
微軟預設的滑鼠游標(cursor)

找到

body{

a:hover{

這兩行


不過這兩行裡面通常包含很多設定
請在裡面找到cursor(沒有就完全自己+上了)


放入
body{cursor:hand;}

a:hover{cursor:crosshair;}

粉紅色的字 可以改成自己想要的



body 顧名思義跟整體設定有關
a 跟超連結有關
hover是當游標滑過的意思
所以a:hover就是當游標滑過超連結


所以這兩行的翻譯就是
平常的時候游標是hand
滑鼠放在超連結上游標是crosshair
如果hover不設定的話  
只要滑鼠移到超連結就回到預設游標哦




清楚了之後
就可以隨意修改



微軟預設的滑鼠游標
hand      手
crosshair       十字
 

n-resize        箭頭朝上
s-resize      
箭頭朝下
w-resize         箭頭朝左

e-resize         箭頭朝右

sw-resize       箭頭朝左下

se-resize       箭頭朝右下
ne-resize      箭頭朝右上
 
nw-resize      箭頭朝左上 
help         問號
text          文字輸入游標

wait         漏斗

cursor:move       十字箭頭

 

 

 

 

 2圖片型游標

body{cursor:url('游標網址')}                     
a:hover {cursor:url('游標網址')}   
       
CSS內不支援一般的圖片檔哦
例如jpg、gif、bmp
僅能用ani、cur、ico檔

網路上有許多現成的游標可供下載
如果想要製作獨一無二的游標
這裡提供一個簡單的軟體
Microangelo



製作教學


接下來到
開始===>程式集===>Microangelo===>

<====點它



感覺是跟小畫家差不多的
想要動畫的話只要加入影格
做些修改
再播放看看
大概就知道怎麼用了




存好後上傳就大功告成




P.S.許多免費空間也不支援游標檔
無名也不行
必須自己找到空間上傳才行



但是我使用香港雅虎免費空間是可以的哦
http://hk.geocities.yahoo.com/
用雅虎帳號登入既可
上傳即有游標的網址
















arrow
arrow
    全站熱搜
    創作者介紹
    創作者 Mavis 的頭像
    Mavis

    Mavis♡Photoshop

    Mavis 發表在 痞客邦 留言(2) 人氣()