游標圖組合+教學語法






先到面板設定的自訂樣式，



之後在把很多文字的地方拉到最下面，


在最後面加上語法就好了！


語法


body{cursor:URL(游標圖檔網址);}
a:hover{cursor:URL(游標圖檔網址);}


語法說明   (不完整的)


body{cursor:URL(游標圖檔網址);}←沒碰到連結東西的游標
a:hover{cursor:URL(游標圖檔網址);}←碰到連結東西時的游標


圖片輔助說明




※我會用游標也是從別人那看來的，謝謝他們的分享喔!


※上面的文都是我做的。


※大發現原來要用ani或cur檔才可以!




/*紫緞蕾絲游標圖*/
body{cursor:URL(http://hk.geocities.com/zxcvbnm000qwe/fi01.ani);}
a:hover{cursor:URL(http://hk.geocities.com/zxcvbnm000qwe/fi02.ani);}





 


 


/*紫緞蕾絲與晶亮愛心游標圖*/
body{cursor:URL(http://queenbbaa.googlepages.com/02.ani);}
a:hover{cursor:URL(http://queenbbaa.googlepages.com/butterfly.ani);}


 



/*粉藍與粉紅KITTY游標圖*/
body{cursor:url(http://pop1014.googlepages.com/K001.ani)}
a:hover {cursor:url(http://pop1014.googlepages.com/K002.ani)}


 


/*咖啡洋裝與天藍棒棒糖KITTY游標圖*/
body{cursor:url(http://pop1014.googlepages.com/K003.ani)}
a:hover {cursor:url(http://pop1014.googlepages.com/K004.ani)}


 




/*紅色與草莓裝KITTY游標圖*/
body{cursor:url(http://pop1014.googlepages.com/K010.ani)}
a:hover {cursor:url(http://pop1014.googlepages.com/K006.ani)}


 



/*花嫁與愛心游標圖*/
body{cursor:URL(http://hk.geocities.com/zxcvbnm000qwe/mid/dn1.ani);}
a:hover{cursor:URL(http://hk.geocities.com/zxcvbnm000qwe/mid/dn2.ani);}




 
/*熊熊花園游標圖*/
body{cursor:URL(http://hk.geocities.com/zxcvbnm000qwe/mid/bn1.ani);}
a:hover{cursor:URL(http://hk.geocities.com/zxcvbnm000qwe/mid/bn2.ani);}




/*花朵游標圖*/
body{cursor:URL(http://hk.geocities.com/zxcvbnm000qwe/mid/cn1.ani);}
a:hover{cursor:URL(http://hk.geocities.com/zxcvbnm000qwe/bn1.ani);}  




/*青梅竹馬游標圖*/
body{cursor:URL(http://hk.geocities.com/zxcvbnm000qwe/mid/en1.ani);}
a:hover{cursor:URL(http://hk.geocities.com/zxcvbnm000qwe/mid/en2.ani);}




/*白兔與灰貓游標圖*/
body{cursor:URL(http://hk.geocities.com/swnety1994/rabbit.ani);}　 
a:hover{cursor:URL(http://hk.geocities.com/zxcvbnm000qwe/mid/an1.ani);}




/*紅心晶鑽禮湛游標圖*/
body{cursor:URL(http://hk.geocities.com/ccloud67tw/Table2/0n1.ani);}
a:hover{cursor:URL(http://hk.geocities.com/ccloud67tw/Table2/0n2.ani);}




/*藍與黑色熊臉游標圖*/
body{cursor:URL(http://hk.geocities.com/betty1527/bear2.ani);}   
a:hover{cursor:URL(http://hk.geocities.com/betty1527/bear1.ani);}


 


/*藍色愛心與紫色愛心游標圖*/
body{cursor:URL(http://hk.geocities.com/zxcvbnm000qwe/mid/cn2.ani);}
a:hover{cursor:URL(http://hk.geocities.com/zxcvbnm000qwe/mid/an2.ani);}



/*小狗與兔子游標圖*/
body{cursor:URL(http://hk.geocities.com/zxcvbnm000qwe/a01.ani);}
a:hover{cursor:URL(http://hk.geocities.com/betty1527/rabbit1.ani);}



/*雪兒紫星橙星標圖*/
body{cursor:URL(http://hk.geocities.com/zxcvbnm000qwe/11q.ani);}
a:hover{cursor:URL(http://hk.geocities.com/zxcvbnm000qwe/12q.ani);}




/*藍玫瑰游標圖*/
body{cursor:URL(http://hk.geocities.com/zxcvbnm000qwe/ri1.ani);}
a:hover{cursor:URL(http://hk.geocities.com/zxcvbnm000qwe/ri2.ani);}




/*可愛小熊游標圖*/
body{cursor:URL(http://hk.geocities.com/zxcvbnm000qwe/ci01.ani);}
a:hover{cursor:URL(http://hk.geocities.com/zxcvbnm000qwe/3a.ani);}
 



/*咖啡色小熊與紅色愛心游標圖*/
body{cursor:URL(http://hk.geocities.com/swnety1994/rilakkuma.ani);}
a:hover{cursor:URL(http://hk.geocities.com/zxcvbnm000qwe/ci02.ani);}


 


/*紅蘋果與蕃茄娃游標圖*/
body{cursor:URL(http://hk.geocities.com/betty1527/apple1.ani);}
a:hover{cursor:URL(http://hk.geocities.com/zxcvbnm000qwe/ei01.ani);}


 


/*藍色愛心游標圖*/
body{cursor:URL(http://hk.geocities.com/debbietwy/youbiao/baloon2.ani);}
a:hover{cursor:URL(http://hk.geocities.com/debbietwy/youbiao/love4.ani);}


 


/*小型藍色星星棒及小星星游標圖*/
body{cursor:URL(http://hk.geocities.com/swnety1994/starry.ani);}
a:hover{cursor:URL(http://hk.geocities.com/swnety1994/starryie.ani);}
 


/*紅菱形與紅十指標游標圖*/
body{cursor:URL(http://hk.geocities.com/betty1527/four1.ani);}
a:hover{cursor:URL(http://hk.geocities.com/swnety1994/xx.ani);}
 


/*小型粉紅愛心與櫻桃游標圖*/
body{cursor:URL(http://hk.geocities.com/swnety1994/love.ani);}
a:hover{cursor:URL(http://hk.geocities.com/swnety1994/cherryie.ani);}
 


/*魔法小櫻法杖游標圖*/
body{cursor:URL(http://hk.geocities.com/swnety1994/sakura.ani);}
a:hover{cursor:URL(http://hk.geocities.com/swnety1994/sakura02.ani);}


 


/*粉紅蝴蝶結與寶石墬鍊游標圖*/
body{cursor:URL(http://hk.geocities.com/hiphopgin/200704030249.ani);}
a:hover{cursor:URL(http://hk.geocities.com/hiphopgin/200704030220.ani);}


 


 /*粉紅雙心與晴天娃娃游標圖*/
body{cursor:URL(http://www.chinesefreewebs.com/apple521452/g15.ani);}
a:hover{cursor:URL(http://www.chinesefreewebs.com/apple521452/g4.ani);}
 



/*粉紅箭頭與文件夾游標圖*/
body{cursor:URL(http://www.chinesefreewebs.com/apple521452/g14.ani);}
a:hover{cursor:URL(http://www.chinesefreewebs.com/apple521452/e17.ani);}


 


/*白藍狗狗與黃色鴨子游標圖*/
body{cursor:URL(http://www.chinesefreewebs.com/apple521452/g3.ani);}
a:hover{cursor:URL(http://www.chinesefreewebs.com/apple521452/g2.ani);}


 


/*紫色果汁與咖啡色冰淇淋游標圖*/
body{cursor:URL(http://hk.geocities.com/betty1527/drink2.ani);}
a:hover{cursor:URL(http://hk.geocities.com/betty1527/ice_cream.ani);}


 


/*粉紅藍手機與紅電視游標圖*/
body{cursor:URL(http://hk.geocities.com/betty1527/cellphone.ani);}
a:hover{cursor:URL(http://www.chinesefreewebs.com/apple521452/g12.ani);}


 


/*紅草莓與橘子游標圖*/
body{cursor:URL(http://hk.geocities.com/hiphopgin/200704040531.ani);}
a:hover{cursor:URL(http://hk.geocities.com/hiphopgin/200704031021.ani);}


 


/*閃亮草莓與紅櫻桃游標圖*/
body{cursor:URL(http://hk.geocities.com/puccano1/straberry.ani);}
a:hover{cursor:URL(http://hk.geocities.com/hiphopgin/200704040514.ani);}


 


/*綠色幸運法杖與愛心別針游標圖*/
body{cursor:URL(http://hk.geocities.com/hiphopgin/200704020536.ani);}
a:hover{cursor:URL(http://hk.geocities.com/hiphopgin/200704040733.ani);}


 


/*藍紅Enter 游標圖*/
body{cursor:URL(http://hk.geocities.com/hiphopgin/200704030932.ani);}
a:hover{cursor:URL(http://hk.geocities.com/hiphopgin/200704030931.ani);}


 


/*黃色歡迎與碎起司餅乾游標圖*/
body{cursor:URL(http://hk.geocities.com/hiphopgin/200704040209.ani);}
a:hover{cursor:URL(http://hk.geocities.com/hiphopgin/200704021106.ani);}

 


/*紫和綠色愛心棒游標圖*/
body{cursor:URL(http://hk.geocities.com/hiphopgin/200704040837.ani);}
a:hover{cursor:URL(http://hk.geocities.com/hiphopgin/200704040841.ani);}
 


/*黑色巴士與綠色小樹游標圖*/
body{cursor:URL(http://hk.geocities.com/betty1527/bus1.ani);}
a:hover{cursor:URL(http://hk.geocities.com/betty1527/tree1.ani);}


 


/*黑色表情與笑笑圖示游標圖*/
body{cursor:URL(http://hk.geocities.com/betty1527/face1.ani);}
a:hover{cursor:URL(http://hk.geocities.com/betty1527/yahoo.ani);}


 


/*小铅筆與即時通上線游標圖*/
body{cursor:URL(http://hk.geocities.com/betty1527/pencil1.ani);}
a:hover{cursor:URL(http://hk.geocities.com/betty1527/msn_yahoo.ani);}




 




如何更改滑鼠游標 ~



語法 說明

body{cursor:url("游標網址")}
a:hover {cursor:url("游標網址")}

　
body代表一般靜止時的游標（未碰到超連結時的游標） 

a:hover就是當滑鼠放在超連結時的游標


 


方式一  :   以前已經設有滑鼠游標 的語法的, 只需把新滑鼠游標網址直接在CSS的滑鼠游標語法中, 貼入想要的新滑鼠游標網址, 並即可做變更~



方式二  :   以前從未設置滑鼠游標, 選定好以上想要的滑鼠游標依下列方法貼入語法 



請進入  管理部落格 → 選 面板設定


→選 自訂樣式 會出現css語法


→將 滑鼠語法 貼再最下面一行 即可



 


 



arrow
arrow
    全站熱搜

    彤 發表在 痞客邦 留言(28) 人氣()

    E-mail轉寄