會員登入 新使用者?立即註冊

請選擇功能▼ 發表文章上傳相片我的部落格管理部落格服務首頁|服務說明|Yahoo!奇摩

～☆嫁入異國的日誌☆～

◆☆☆　【相信音樂會使人的心情放輕鬆聽聽音樂是一大享受而我就是喜歡各種音樂的人】☆☆◆ 　　　　　　◆☆☆ 【這裡也記載著我在日本生活的所有點點滴滴希望能跟大家分享我的愉悅】　☆☆◆ 　　　　　　　　　　　　　　　◆☆☆【最近比較忙所以都沒時間更新文章若有時間我會盡量的☆☆◆

訂閱部落格

關閉

我要留言

檢舉

引用~游標滑鼠教學

分類：☆部落格教學☆

2009/08/01 09:01

♥滑鼠游標♥ １、首先登入奇摩帳號→２、到自己的部落格→３、管理部落格

→４、面板設定 →５、自訂樣式→６、在裡面的"最下發"輸入以下語法↓

游標CSS語法：

body{cursor:url(游標圖片檔網址1);} 移到網頁時的滑鼠游標

a:hover {cursor:url(游標檔圖片檔網址2);} 移到超連結時的滑鼠游標

建議大家下載後請 "上傳到自己的網路空間" 再使用

首先，先要有自己要的滑鼠游標網址，切記，要是滑鼠游標檔案的網址才行喔！

游標提供網站：

１＿http://home.kimo.com.tw/a815182/ani/1_index.htm

（↑從上面那個網站選擇選擇一個自己喜歡的滑鼠游標，將編號套入以下網址：

　http://www.themecool.com.tw/themecool/cursor/create/ani/ccrem000編號.ani

　例如：你喜歡0208，那你的游標網址就是：

　http://www.themecool.com.tw/themecool/cursor/create/ani/ccrem0000208.ani ）

２＿http://www.wretch.cc/blog/tina501342

（↑這個無名裡有提供滑鼠游標的文章，請自行尋找，找到文章後，選一個自己喜歡的，

　到「按此下載」那邊按右鍵→內容→複製滑鼠游標網址，記得回應人家的文章喔！這是禮貌！

等你有滑鼠游標網址時，就到你的部落格→管理部落格→面板設定→自訂樣式，

找到下面這個　/*Background*/　的部份，通常都會在比較上面的地方。

CSS語法解釋:

/*Background*/
body{background:#你的部落格背景顏色''如果你只是要換滑鼠游標這邊請不要動 url(你的背景圖片網址''如果你只是要換滑鼠游標這邊請不要動) repeat-x;從這邊加上以下語法CURSOR:URL(你的滑鼠游標網址);}A:hover{CURSOR:URL(你的滑鼠游標網址);}

CSS語法: (上面說"從這邊加上以下語法"的那個地方，加上以下語法，就是從 " ; " 那邊開始)

CURSOR:URL(你的滑鼠游標網址);}A:hover{CURSOR:URL(你的滑鼠游標網址);}

（二）簡單滑鼠游標

指令表：

十字型 crosshair
十字箭頭型 move
問號型 help
1字箭頭型 n-resize
小1字箭頭型 s-resize
一字箭頭型e-resize
小一字箭頭型 w-resize
左斜箭頭型 nw-resize
右斜箭頭型 ne-resize

CSS語法解釋:

/*Background*/
body{background:#你的部落格背景顏色''如果你只是要換滑鼠游標這邊請不要動 url(你的背景圖片網址''如果你只是要換滑鼠游標這邊請不要動) repeat-x;從這邊加上以下語法CURSOR:URL(你的滑鼠游標指令);}A:hover{CURSOR:URL(你的滑鼠游標指令);}

CSS語法:(上面說"從這邊加上以下語法"的那個地方，加上以下語法，就是從 " ; " 那邊開始)

CURSOR:URL(你的滑鼠游標指令);}A:hover{CURSOR:URL(你的滑鼠游標指令);}

或是直接拉到最下方,,貼上下面這段語法吧!

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

這樣也是OK的唷!

額外自製滑鼠游標先要有一套繪製滑鼠游標圖檔的繪圖軟體　Microangelo

　軟體下載：

點選下載↓

MicroAngelo 5 中文化程式　←可以自己做游標圖

　　阿盛滑鼠游標圖素材

　　滑鼠游標圖案素材

　　凱哥滑鼠游標教學及游標圖分享

※ 游標副檔名：ani (動畫圖片) 或 cur (靜態圖片)......

首先(開新視窗)登入奇摩→到自己的部落格→管理部落格

→面板設定→自訂樣式→在最下面輸入(上面那些別刪除)

body{cursor:hand;}
a:hover{cursor:crosshair;}

※藍色部份為滑鼠的樣式，可改為以下其他種形狀。
auto(自動決定)　　　　　default(預設值)
crosshair(十字)　　　　　hand(手形)
move(移動時的游標)　　　help(有問號的游標)
text(文字編輯的游標)　　　wait(忙碌中的游標)
w-resize(向左箭頭)　　　　　e-resize(向右箭頭)
n-resize(向上箭頭)　　　　　ne-resize{向右上箭頭)
nw-resize(向左上箭頭)　　　s-resize(向下箭頭)
se-resize(向右下箭頭)　　　　sw-resize(向左下箭頭)

或是用圖片示的滑鼠游標（我的部落格滑鼠就是用圖案示的）

body{cursor:url(游標圖示檔網址)}
a:hover{cursor:url(游標檔圖示檔網址)}

藍色部份要修改為網址
可以到下面的網址找一個你喜歡的圖片然後複製網址就好哩!

到阿盛網站裡面找

網頁素材→小圖示→下載滑鼠圖片

可以點愛心看圖片選到你要的圖片之後在磁碟圖案上面按右鍵點"複製捷徑"是捷徑喔﹋

或是直接點愛心選到你要的圖片把編號改掉就好了↓

http://sheng.phy.nknu.edu.tw/a編號.ani

還有如果你要改變形狀的就用
body{cursor:hand;}
a:hover{cursor:crosshair;}
要改變圖案的就用
body{cursor:url(游標圖示檔網址)}
a:hover{cursor:url(游標檔圖示檔網址)}
這兩個不可以一起放！二選一！不然會失敗！

想用圖檔的可以先複製這個↓再把編號改掉就好

body{cursor:url(http://sheng.phy.nknu.edu.tw/a編號.ani)}
a:hover {cursor:url(http://sheng.phy.nknu.edu.tw/a編號.ani)}

bady的是設定無超連結時的(現在看到的熊貓)

a:hover是設定有超連時的(我的是愛心)

愛心游標：

H1　☆把滑鼠移來此處就會顯示游標☆：http://jie87630.myweb.hinet.net/H1.ani

H2　☆把滑鼠移來此處就會顯示游標☆：http://jie87630.myweb.hinet.net/H2.ani

H3　☆把滑鼠移來此處就會顯示游標☆：http://jie87630.myweb.hinet.net/H3.ani

H4　☆把滑鼠移來此處就會顯示游標☆：http://jie87630.myweb.hinet.net/H4.ani

H5　☆把滑鼠移來此處就會顯示游標☆：http://jie87630.myweb.hinet.net/H5.ani

H6　☆把滑鼠移來此處就會顯示游標☆：http://jie87630.myweb.hinet.net/H6.ani

H7　☆把滑鼠移來此處就會顯示游標☆：http://jie87630.myweb.hinet.net/H7.ani

H8　☆把滑鼠移來此處就會顯示游標☆：http://jie87630.myweb.hinet.net/H8.ani

H9　☆把滑鼠移來此處就會顯示游標☆：http://jie87630.myweb.hinet.net/H9.ani

H10　☆把滑鼠移來此處就會顯示游標☆：http://jie87630.myweb.hinet.net/H10.ani

H11　☆把滑鼠移來此處就會顯示游標☆：http://jie87630.myweb.hinet.net/H11.ani

H12　☆把滑鼠移來此處就會顯示游標☆：http://jie87630.myweb.hinet.net/H12.ani

H13　☆把滑鼠移來此處就會顯示游標☆：http://jie87630.myweb.hinet.net/H13.ani

H14　☆把滑鼠移來此處就會顯示游標☆：http://jie87630.myweb.hinet.net/H14.ani

H15　☆把滑鼠移來此處就會顯示游標☆：http://jie87630.myweb.hinet.net/H15.ani

H16　☆把滑鼠移來此處就會顯示游標☆：http://jie87630.myweb.hinet.net/H16.ani

15個動態游標

A1　☆把滑鼠移來此處就會顯示游標☆：http://hk.geocities.com/binjie630/A1.ani

E1　☆把滑鼠移來此處就會顯示游標☆：http://hk.geocities.com/binjie630/E1.ani

F1　☆把滑鼠移來此處就會顯示游標☆：http://hk.geocities.com/binjie630/F1.ani

h1　☆把滑鼠移來此處就會顯示游標☆：http://hk.geocities.com/binjie630/h1.ani

I1　☆把滑鼠移來此處就會顯示游標☆：http://hk.geocities.com/binjie630/I1.ani

J1　☆把滑鼠移來此處就會顯示游標☆：http://hk.geocities.com/binjie630/J1.ani

K1　☆把滑鼠移來此處就會顯示游標☆：http://hk.geocities.com/binjie630/K1.ani

O1 ☆把滑鼠移來此處就會顯示游標☆：http://hk.geocities.com/binjie630/O1.ani

P1　☆把滑鼠移來此處就會顯示游標☆：http://hk.geocities.com/binjie630/P1.ani

P2　☆把滑鼠移來此處就會顯示游標☆：http://hk.geocities.com/binjie630/P2.ani

Q1　☆把滑鼠移來此處就會顯示游標☆：http://hk.geocities.com/binjie630/Q1.ani

S1　☆把滑鼠移來此處就會顯示游標☆：http://hk.geocities.com/binjie630/S1.ani

T1　☆把滑鼠移來此處就會顯示游標☆：http://hk.geocities.com/binjie630/T1.ani

W1　☆把滑鼠移來此處就會顯示游標☆:http://hk.geocities.com/binjie630/W1.ani

Y1　☆把滑鼠移來此處就會顯示游標☆：http://hk.geocities.com/binjie630/Y1.ani

/紫緞蕾絲游標圖/

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);}

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

/花嫁與愛心游標圖/
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://hk.geocities.com/caroline310597/happy199.ani);}
a:hover{cursor:URL(http://hk.geocities.com/caroline310597/happy195.ani);}

/*十字架*/

body{cursor:URL(http://homelf.kimo.com.tw/zz14723/cursor34.ani);}
a:hover{cursor:URL(http://homelf.kimo.com.tw/zz14723/cursor27.ani);}

/*變色蝴蝶滑鼠游標*/
body{cursor:url(http://home.kimo.com.tw/seek2007tw/ani/12/055.ani)}
a:hover {cursor:url(http://home.kimo.com.tw/seek2007tw/ani/12/055.ani)}

/*蕾絲滑鼠游標*/
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://sheng.phy.nknu.edu.tw/a148.ani);}
a:hover{cursor:URL(http://home.educities.edu.tw/nkhs9323005/aninkhs932300502.ani);}

/*趴趴熊+小花滑鼠游標*/
body{cursor:url(http://home.educities.edu.tw/nkhs9323005/ani004.ani);}
a:hover{cursor:url(http://home.educities.edu.tw/nkhs9323005/ani005.ani);}

/*向日葵 + 幸運草 */
body{cursor:url(http://hk.geocities.com/debbie45w/yuehmay.ani);}
a:hover{cursor:url(http://hk.geocities.com/caroline310597/91F1F676DF106C777C.ani

[[草莓]] http://hk.geocities.com/debbietwy/youbiao/fruit_01.ani

[[橘子]] http://hk.geocities.com/debbietwy/youbiao/fruit_02.ani

[[櫻桃]] http://hk.geocities.com/debbietwy/youbiao/fruit_03.ani

[[香蕉]] http://hk.geocities.com/debbietwy/youbiao/fruit_04.ani

[[蘋果]] http://hk.geocities.com/debbietwy/youbiao/fruit_05.ani

[[西瓜]] http://hk.geocities.com/debbietwy/youbiao/fruit_06.ani

引用：http://tw.myblog.yahoo.com/jw!hYKk9G2THhn7wBp3Hvoc0gI-/article?mid=190

我要引用

我要回應

儲存至「書籤」

回應(2)

引用(3)

Nicky於2009/09/24 09:55 引用

引用製作可愛的滑鼠游標 ...《詳全文》

無痕於2009/08/07 01:25 引用

♥滑鼠游標♥ １、首先登入奇摩帳號→２、到自己的部落格→３、管理部落格 →４、面板 ...《詳全文》

ⓛ ⓞ ⓥ ⓔ﹍鬼♥於2009/08/03 14:31 引用

♥滑鼠游標♥ １、首先登入奇摩帳號→２、到自己的部落格→３、管理部落格 →４、面板 ...《詳全文》

文章分類

留言板

☆【rin】☆

巨蟹座

☆公告欄☆

☆我的連結☆

☆logo☆

◀ 2010 ▶

◀ 二月 ▶

日	一	二	三	四	五	六
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28

部落格相簿

↓點我回家↓

☆祈福☆

更新日期

2010/01/23 16:02

統計資料

今日人數：1
累計人數：16668
發表文章：1021
相片數量：595
回應數量：70

「本服務設有管理員」服務條款隱私權政策