close

常有網友問網頁的游標要怎麼換?

網誌游標語法到底應該放在哪裡?

為什麼套用了語法後游標依然沒改變...諸如此類問題。

雖然更換游標的語法在網路上到處可找到,

但對於還不太熟悉CSS的網友們來說,

或許還是不太容易明白。


這篇教學搭配了詳細的圖解,

主要是讓初學者或還不熟CSS的網友們參考,

希望能讓大家更容易學會。

就以痞客邦為例

1.按管理後台再按-自訂樣式

教學

 

2.到css原始碼編輯-再安前進

3.將語法複製貼入編輯CSS原始碼框內

滑鼠語法

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

4.按儲存再進入自己的主頁就完成囉!!

 

小技巧
網址前後不需要加任何"' 此類符號,不然語法容易產生/////這種斜線亂碼而導致游標無法正常顯示。寫法示範: 
 

正確的     CURSOR:url(http://mandylshu.myweb.hinet.net/ag.ani); 

錯誤的   
CURSOR:url('http://mandylshu.myweb.hinet.net/ag.ani');  

錯誤的   
CURSOR:url(
"http://mandylshu.myweb.hinet.net/ag.ani");


也可以同時加入多個游標網址(放在同一個括弧內並以, 符號隔開)

一般來說,假設第一個游標網址無效時,系統會自動套用第二個,假設加入的網址全都無效時,系統就會以電腦內建的游標取代。

 

 

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 撕心裂肺 的頭像
    撕心裂肺

    〆撕鈊裂肺的小窩

    撕心裂肺 發表在 痞客邦 留言(0) 人氣()