24h購物| | PChome| 登入
2008-03-12 14:56:49 | 人氣8| 回應0 | 上一篇 | 下一篇

【部落格素材教學法】心心相印 love me 彩虹游標

推薦 0 收藏 0 轉貼0 訂閱站台

 

 

心心相印 love me 彩虹游標

 

方格做的游標預覽圖  ,將會用jpg的檔案發表,讓整組的游標呈現出來~~~


改變滑鼠指標使用方法

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

→面板設定→自訂樣式→語法直接加入css最底端就可以了(上面那些別刪除)


***說明***

body 整個網頁
a:hover 指向連結時

 

/*cursor*/

body{cursor:url(游標圖片檔網址1)}

a:hover {cursor:url(游標圖片檔網址2)}



                      


網址 http://hk.geocities.com/fun2956/00132.ani


網址 http://hk.geocities.com/fun2956/00133.ani


網址 http://hk.geocities.com/fun2956/00134.ani


網址 http://hk.geocities.com/fun2956/00135.ani



                      


網址http://hk.geocities.com/fun2956/00136.ani


網址 http://hk.geocities.com/fun2956/00137.ani


網址 http://hk.geocities.com/fun2956/00138.ani


網址http://hk.geocities.com/fun2956/00139.ani


組合範例

 

/*cursor*/

body{cursor:url(http://hk.geocities.com/fun2956/00132.an)}

a:hover {cursor:url(http://hk.geocities.com/fun2956/00136.an)}


/*cursor*/

body{cursor:url(http://hk.geocities.com/fun2956/00133.an)}

a:hover {cursor:url(http://hk.geocities.com/fun2956/00137.an)}


/*cursor*/

body{cursor:url(http://hk.geocities.com/fun2956/00134.an)}

a:hover {cursor:url(http://hk.geocities.com/fun2956/00138.an)}


/*cursor*/

body{cursor:url(http://hk.geocities.com/fun2956/00135.an)}

a:hover {cursor:url(http://hk.geocities.com/fun2956/00139.an)}



P.S
1. 方格分享的游標 ,  除一部份為自製外 ,  大多是網路上的小動畫加工而成,  若有侵權 請告知刪除 ,
格友喜歡 也請回應帶走 共同分享。
2.游標製作和複製貼上的方法步驟  ,方格文章中 都有提到  , 若有不清楚的地方 ,  再一起研究討論喔!
3.游標可以互相搭配,兩個游標可以成為一組,讓你的格子更添豐富。
4.格友們也可以一起自製屬於自己的游標喔!!!

台長: 落葉之楓

是 (若未登入"個人新聞台帳號"則看不到回覆唷!)
* 請輸入識別碼:
請輸入圖片中算式的結果(可能為0) 
(有*為必填)
TOP
詳全文