1. 程式人生 > >改網頁鼠標指針、改指定元素指針(2)——小白也能自繪指針

改網頁鼠標指針、改指定元素指針(2)——小白也能自繪指針

好想 分享 targe blank 自己的 ani http 一個點 常用

上節中講到,css改網頁的鼠標指針。使得大家都更能美化自己的網頁。但指針文件怎麽獲取呢?你可以到百度上搜索鼠標指針圖片、鼠標樣式圖片、光標圖片等等。其二我們可以自己畫出獨一無二的光標圖片哦,今天我就來普及一下最簡單的自繪光標的方法。

自繪光標——首先需要一個圖片處理軟件(photoshop等)。但我們要讓小白也能自繪鼠標指針!就要用更簡單的方法。

我們將要用到全世界最牛逼最聞名的圖片處理神器——美(huǐ) 圖 秀 秀 ~(@^_^@)~,同樣,對於小白來說,美圖秀秀網頁版僅夠了:

技術分享

技術分享

新建一張畫布哦!然後設定好想要的寬和高(建議設置成32*32、48*48、64*64),背景設成透明色

技術分享

博主新建了一張64*64的畫布,中間像馬賽克一樣的小方塊就是我們可以作畫的地方啦!

技術分享

我們一般會用到“飾品”、“文字”、“塗鴉”三個功能

技術分享

技術分享技術分享技術分享技術分享技術分享

不太會畫的人,直接加上喜歡的飾品或者印章、形狀就可以哦,發揮想象力吧!

讓我來演示一下:

技術分享

我用飾品功能加入了一只兔子,用文字功能在左上角加入了一個點(左上角的標誌物很重要,便於定位點擊)。自繪完成後將文件以png格式存起來。

但鼠標格式至少應是ico、cur、ani才可以使用生效,怎麽辦呢?網上有很多轉圖片格式工具可以使用:比如http://www.atool.org/ico.php

改網頁鼠標指針、改指定元素指針(2)——小白也能自繪指針