滑鼠游標－~☆英雄右拳☆~｜痞客邦

Jul 10 Fri 2009 02:43
滑鼠游標

close

滑鼠游標

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

游標提供網站：

１＿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

游標預覽：
游標下載：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/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://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

doll210

~☆英雄右拳☆~

doll210 發表在痞客邦留言(1) 人氣()

E-mail轉寄

全站分類：不設分類
個人分類：應用語法
此分類下一篇：文字圖片連結語法
上一篇：各家尿布公司尿布試用包,尿布入會禮,尿布特價,尿布集點活動(9/3)
下一篇：媽媽手冊、孕婦手冊、寶寶手冊、兒童手冊換贈品、媽媽教室贈品（9/3更新）

歷史上的今天

留言列表

站方公告

活動快報

痞客邦...

newdirect

凡03/23開始，只要至痞客邦APP好康購買票券，就額外... 看更多活動好康

熱門文章

文章分類

最新文章

最新留言

文章精選

所有文章列表

文章搜尋

新聞交換(RSS)

誰來我家

參觀人氣

本日人氣：
累積人氣：

QR Code

qrcode

POWERED BY

(登入)