網頁 貼吧 文章 作者 工作  
網頁搜尋
 
 愛PO吧 >> 比基尼 >> 瀏覽文章
回覆 加入我的最愛 與好友分享

[分享]製作CSS滑鼠游標

本被文章 0 次, 共有回覆 3  
0
 
0


用途:無名相簿採用的語法是CSS.而CSS的滑鼠游標是用ani.ico.cur等cursor檔案
並不能像java語法一樣用jpg或gif這樣滑鼠帶圖語法

軟體:Microangelo
載點1


開啟說明:安裝完之後.到開始-->程式集-->Microangelo-->選Animator
這樣就會開啟編輯畫面

圖上的按鈕功能說明:
圖上標的1-6都是編輯繪圖的功能鍵.就像小畫家一樣
1=>畫筆
2=>直線
3=>填色
4=>橡皮擦
5=>矩形方框
6=>文字

7=>編輯繪圖區
8=>你製作出的每個"影格"
9=>複製影格
10=>刪除影格
11=>設定滑鼠感應點
12=>使畫錯的圖回復原本"透明"

製作步驟:
(1)在編輯繪圖區上面用色筆畫出你想要的圖
可利用矩形.直線.橡皮擦等工具
如果畫錯了可用圖標12使恢復原本透明狀態
利用"預覽"畫面進行更改
(2)做好第一個圖之後.用圖標9來複製畫格.這樣就會變成動態游標的效果
當然你要每個圖都要稍作不同的更改.才會造成變化
隨意看你要設定幾個圖都可以
(3)每個畫格都製作完成之後.按圖標11那個按鈕
然後指到你箭頭的頂點(如圖箭頭所示).即滑鼠感應點
(4)然後去檔案裡面存檔.將會製成ani檔案

加入無名相簿的css樣式表語法如下:
[B]xyz資訊工坊
body{cursor:url("cur檔圖片網址1")}
a:hover {cursor:url("cur檔圖片網址2")}[/b]

body放的是你在畫面上呈現的游標圖
a:hover放的是按超連結的變成的游標圖

使用限制:
1.很多免費空間(pchome)不會支援ani檔案
[B]xyz

[/b]請自行找可以放cur檔的空間
2.據說是IE6.0以上版本才看的到.可是我覺得大家應該都看的到啦!!!

<另外的製作方法>直接把jpg或bmp的檔案轉成ico檔
也是利用這個軟體.不過在開啟Microangelo時是選最後一個Studio
找到你想要放上去的游標圖之後-->如果是GIF檔案可以直接作修改.如果是BMP或JPG檔.請先用瀏覽圖的程式開啟然後另存為GIF檔案(不可以直接改副檔名.用小畫家.ACDC.PI這些看圖程式都可以另存新檔)-->選xyz軟體補給站定Angeloxyz軟體補給站裡面的Studio之後.開啟你要的這張GIF圖(檔案類型選GIF format)-->按"檔案"裡面的另存新檔(存檔類型選ICON那一個).就會存成ico檔案-->連結語法同上



逛上一篇:   逛下一篇:

作者: lebmkgko
  (2010-07-13 08:54)
推薦文章: 將本文章推薦到【百度收藏】 將本文章推薦到【YouPush】 將本文章推薦到【udn共享書籤】 將本文章推薦到【Fiigo】書籤

 本文章共有回覆 3 篇,分 1 頁
 聲明:以上內容不代表本站立場,且內容由網友發表提供,若有爭議或違法由發表者承擔,本站將不負責連帶責任,謝謝。

 IPoBar  愛PK  愛遊戲  愛online
新手教學 客服中心 站務公告 交換連結 合作提案 關於我們
 
版權所有©ipobar Ltd., All Rights Reserved.
論壇內會員言論僅代表個人觀點,不代表本站同意其說法,本討論區不承擔由該言論所引起的法律責任