2009-06-18 17:16:00Jie

滑鼠游標教學

 

分類:教學
 

成功!~請回應!!!!~

 

如何更改 cursor 滑鼠游標

 

語法 說明

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

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

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

 

方式一  :  

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


方式二  :  

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

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

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

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

游標預覽:
游標下載:http://hk.geocities.com/tjessica618/check1-1.ani

游標預覽:
游標下載:http://hk.geocities.com/tjessica618/check1-2.ani

游標預覽:
游標下載:http://hk.geocities.com/tjessica618/check1-3.ani


游標預覽:
游標下載:http://hk.geocities.com/tjessica618/check4-1.ani

游標預覽:
游標下載:http://hk.geocities.com/tjessica618/check4-2.ani

游標預覽:
游標下載:http://hk.geocities.com/tjessica618/check4-3.ani

游標預覽:突然不能打開 抱歉 所以直接下吧!!!!
游標下載:http://hk.geocities.com/jessykayu/1.ani


游標預覽:
游標下載:http://hk.geocities.com/jessykayu/2.ani

游標預覽:
游標下載:http://hk.geocities.com/jessykayu/3.ani

游標預覽:
游標下載:http://hk.geocities.com/jessykayu/4.ani

游標預覽:
游標下載:http://hk.geocities.com/jessykayu/5.ani

【游標】超可愛滑鼠游標

 

游標來源:http://www.wretch.cc/hala/viewtopic.php?t=99503&sid=9a12cae5297c4d8faaf46d65e9fe6174

游標預覽:
游標下載:http://hk.geocities.com/tjessica618/check1-1.ani

游標預覽:
游標下載:http://hk.geocities.com/tjessica618/check1-2.ani

游標預覽:
游標下載:http://hk.geocities.com/tjessica618/check1-3.ani


游標預覽:
游標下載:http://hk.geocities.com/tjessica618/check4-1.ani

游標預覽:
游標下載:http://hk.geocities.com/tjessica618/check4-2.ani

游標預覽:
游標下載:http://hk.geocities.com/tjessica618/check4-3.ani

游標預覽:突然不能打開 抱歉 所以直接下吧!!!!
游標下載:http://hk.geocities.com/jessykayu/1.ani


游標預覽:
游標下載:http://hk.geocities.com/jessykayu/2.ani

游標預覽:
游標下載:http://hk.geocities.com/jessykayu/3.ani

游標預覽:
游標下載:http://hk.geocities.com/jessykayu/4.ani

游標預覽:
游標下載:http://hk.geocities.com/jessykayu/5.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://simmiin88.googlepages.com/ang11.ani);}
a:hover{cursor:URL(
http://simmiin88.googlepages.com/ang22.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://ashine0118.myweb.hinet.net/smallbell3.ani);}     
a:hover{cursor:URL(http://ashine0118.myweb.hinet.net/hair.ani);}

 

/*招財貓與粉紅兔游標圖*/
body{cursor:URL(http://tta282.myweb.hinet.net/ico/nEw_05.ani);}     
a:hover{cursor:URL(http://tta282.myweb.hinet.net/ico/nEw_17.ani);}



/*棕色狗和灰貓游標圖*/
body{cursor:URL(
http://sheng.phy.nknu.edu.tw/a151.ani);}    
a:hover{cursor:URL(
http://hk.geocities.com/zxcvbnm000qwe/mid/an1.ani);}

 

/*可愛粉紅及天藍羊咩咩游標圖*/
body{cursor:url(http://www.moocursors.com/sheep_cursors/sheep2.ani)}
a:hover {cursor:url(http://www.myspacecursor.net/sheep/sheep3.cur)}

 

/*趴趴熊二款游標圖*/
body{cursor:URL(http://tta282.myweb.hinet.net/ico/nEw_20.ani);}     
a:hover{cursor:URL(http://tta282.myweb.hinet.net/ico/nEw_22.ani);}

 

/*小熊維尼與哆啦A夢游標圖*/
body{cursor:URL(http://ashine0118.myweb.hinet.net/winnie.ani);}     
a:hover{cursor:URL(http://ashine0118.myweb.hinet.net/doraemon.ani);}


/*淘氣大寶二款游標圖*/
body{cursor:URL(http://ashine0118.myweb.hinet.net/tabo.ani);}     
a:hover{cursor:URL(http://ashine0118.myweb.hinet.net/tabo1.ani);}

 

/*可愛黑人與酷企鵝游標圖*/
body{cursor:URL(http://ashine0118.myweb.hinet.net/kuroihito.ani);}     
a:hover{cursor:URL(http://ashine0118.myweb.hinet.net/cool.ani);}


/*白色史努比與Mickey臉游標圖*/
body{cursor:URL(http://ashine0118.myweb.hinet.net/snoopy.ani);}     
a:hover{cursor:URL(http://ashine0118.myweb.hinet.net/mickey.ani);}



/*白TORO貓與黑喵貓游標圖*/
body{cursor:URL(http://ashine0118.myweb.hinet.net/toroneko.ani);}     
a:hover{cursor:URL(http://ashine0118.myweb.hinet.net/mew.ani);}

 

/*白兔與粉紅兔臉游標圖*/
body{cursor:URL(http://hk.geocities.com/swnety1994/rabbit.ani);}     
a:hover{cursor:URL(http://ashine0118.myweb.hinet.net/lapin2.ani);}

 

/*可愛女孩和歡迎文字游標圖*/
body{cursor:url(http://hk.geocities.com/rebaca0210/girl-1.ani)}
a:hover {cursor:url(http://sheng.phy.nknu.edu.tw/a135.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/rebaca0210/girl-2.ani)}
a:hover{cursor:url(http://space.geocities.jp/sugiharayuu2008/HEART21.ani)}

 


/* 淡紫花杖及蝴蝶游標圖*/
body{cursor:url(http://hk.geocities.com/love99_h/Ani/Stick-110.ani)}
a:hover {cursor:url(http://hk.geocities.com/susie_ayuayumi/bflypurple.ani)}

 

/*綠色幸運草及紫色歡迎游標圖*/
body{cursor:URL(
http://home.kimo.com.tw/seek2007tw/ani/11/015.ani);}
a:hover{cursor:URL(
http://simmiin88.googlepages.com/w11.ani)}



/*粉色箭頭及花二款游標圖*/
body{cursor:url( http://sheng.phy.nknu.edu.tw/a111.ani)}  
a:hover{cursor:url(http://www.fileden.com/files/2007/3/26/929254/My%20Documents/han.ani)}



/*天藍和粉紅翅膀游標圖*/
body{cursor:url(
http://ashine0118.myweb.hinet.net/blueball.ani);}
a
:hover{cursor:url(http://ashine0118.myweb.hinet.net/loveshine1.ani);}



/*黑色音符和黑猫游標圖*/
body{cursor:URL(http://ashine0118.myweb.hinet.net/music.ani);}  
a:hover{cursor:URL(http://ashine0118.myweb.hinet.net/catrun2.ani);}

 

/*迪士尼卡通游標圖*/
body{cursor:url(http://home.educities.edu.tw/nkhs9323005/aninkhs932300502.ani)}
a:hover {cursor:url(http://home.educities.edu.tw/nkhs9323005/aninkhs93230052.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://www.myspacecursor.net/chick/11.ani)}
a:hover {cursor:url(
http://www.myspacecursor.net/chick/10.ani)}

 

/*粉紅羊咩咩及三個心游標圖*/
body{cursor:url(
http://www.myspacecursor.net/chick/11.ani)}
a:hover {cursor:url(
http://www.myspacecursor.net/chick/10.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);}

 

~~~~~希望大家的部落格都可以美美的歐!!~~~~~

 

Debby寶寶 2009-06-29 11:22:24

我不會用也
還是找不到要怎麼用

Jie 2009-06-19 10:07:39

我在yahoo有成功~這邊還沒試過~ ^^ 試試囉!

Debby寶寶 2009-06-18 17:55:23

等等來試看看哦!