Blogger必修:10個(gè)能用JavaScript實(shí)現(xiàn)的圖片特效_建站經(jīng)驗(yàn)教程
推薦:十大最佳WordPress插件推薦WordPress是使用PHP語言和MySQL數(shù)據(jù)庫(kù)開發(fā)的一個(gè)極為流行的Blog(博客、網(wǎng)志)系統(tǒng),功能非常強(qiáng)大,插件和模板眾多,易于擴(kuò)充功能。安裝和使用都非常方便。目前WordPress已經(jīng)成為主流的Blog搭建平臺(tái)。 WordPress Plugin擴(kuò)展插件眾多,使用這些插件可以輕松的擴(kuò)展和定制
一般來說,我們?cè)趯懖┛突蜃鼍W(wǎng)站時(shí)都需要對(duì)插圖做一些效果,比如增加陰影、圖片圓角、倒映等等。這些效果一般可以用3個(gè)方法實(shí)現(xiàn),一是用PS實(shí)現(xiàn)對(duì)圖片進(jìn)行修改,二是使用CSS,三是使用JavaScript。使用PS會(huì)破壞原圖,而且要花費(fèi)一定的時(shí)間。Netzgesta上有很多實(shí)現(xiàn)圖片特效的JavaScript提供下載,很多效果都是相當(dāng)漂亮的。
1、水倒映
這個(gè)js將為圖片添加水倒映的特效,時(shí)下web2.0站點(diǎn)很喜歡這種效果。
如果你喜歡在線生成水倒映效果,可以參考這里。
js下載鏈接
2、圓角+陰影
或許你記得用RoundPic能在線生成圓角圖片,事實(shí)上用這個(gè)js也可以實(shí)現(xiàn)效果。
js下載鏈接
3、高光圓角陰影
這個(gè)效果可以用來做按鈕。是我最喜歡的特效之一。
js下載鏈接
4、斜光陰影效果
和上面的效果看起來非常相似,但也有不同的地方。
js下載鏈接
5、相框效果
如果你在做圖片博客,可以你會(huì)喜歡這個(gè)js,使用后博客文章內(nèi)的圖片都有相框的效果。
js下載鏈接
6、黑色相框
不喜歡白色沒有立體感的相框,那試試這個(gè)立體感充足的js效果吧。
js下載鏈接
7、放大鏡
一個(gè)很有趣的js,實(shí)現(xiàn)放大鏡效果。記得在去年Google開發(fā)者日的時(shí)候,某個(gè)主講人也有說到在GMaps里實(shí)現(xiàn)放大鏡的有趣效果。具體效果點(diǎn)擊這里。
js下載鏈接
8、菲林效果
如果你在寫一個(gè)電影博客,這個(gè)效果或許會(huì)讓你喜歡。
js下載鏈接
9、花邊效果
很簡(jiǎn)單的圖片花邊效果。
js下載鏈接
10、翻頁(yè)效果
翻頁(yè)效果是很常見的,Google一下你會(huì)發(fā)現(xiàn)有很多相關(guān)的教程,如果你不想花時(shí)間去學(xué),直接下載這個(gè)js吧。
js下載鏈接
安裝使用方法:
將下載的壓縮包解壓之后上傳到網(wǎng)站空間,然后在需要顯示效果的head里添加代碼,比如高光陰影效果Glossy,添加的代碼是:
<script type="text/javascript" src="glossy.js"></script>
對(duì)于Wordpress,可以在header.php里添加。如果只要求文章頁(yè)里出現(xiàn)效果,也可以考慮在single.php里添加。
然后,在想要顯示特效的圖片的<img>標(biāo)記里添加:class="glossy"
這樣效果就出現(xiàn)了。其它效果添加方法類似。
分享:落伍蝶戀:淺談意見領(lǐng)袖對(duì)網(wǎng)站運(yùn)營(yíng)的作用現(xiàn)在網(wǎng)站是越來越多,曾經(jīng)有報(bào)道說,中國(guó)是垃圾站最多的國(guó)家,垃圾站的比重在中國(guó)是越來越多,我們往往搜索關(guān)鍵詞找到的一些排名在前的網(wǎng)站往往都是沒有你所需要的信息,這個(gè)就可以看出垃圾站對(duì)真正運(yùn)作的專業(yè)網(wǎng)站的一個(gè)很大的沖擊了。 傳統(tǒng)的網(wǎng)站推廣方式往往都是在做
- 雙十二電商促銷思路淺析
- Matt Cutts:不要把注意力放在PR上
- 百度要革自己的命?移動(dòng)搜索或取消PC網(wǎng)頁(yè)收錄
- Google adsense帳戶被封到解封全過程
- 菜鳥如何通過競(jìng)價(jià)賺取第一桶金?
- 不接電話會(huì)讓你的備案號(hào)注銷
- 盧松松:搜搜已停止收錄網(wǎng)頁(yè)
- 你懂得:百度文庫(kù)也玩?zhèn)人+V認(rèn)證了
- 頭腦風(fēng)暴:為什么搜索引擎不在乎我們?
- 搜狗聯(lián)盟:360 X 300的廣告位變現(xiàn)能力強(qiáng)
- 盧松松:做這樣的資源站,長(zhǎng)不了
- 盧松松:一個(gè)小學(xué)教師建站的不惑與困惑
建站經(jīng)驗(yàn)教程Rss訂閱網(wǎng)站運(yùn)營(yíng)教程搜索
建站經(jīng)驗(yàn)教程推薦
- 如何在WordPress上定制您喜歡的標(biāo)簽云
- 網(wǎng)站最重要也最缺乏的忠誠(chéng)
- 小型人才網(wǎng)站系統(tǒng)開發(fā)摘錄
- 行業(yè)網(wǎng)站的運(yùn)營(yíng):做站三個(gè)月實(shí)戰(zhàn)總結(jié)
- 解讀做地方站點(diǎn)的出發(fā)點(diǎn)是什么
- 建站11周50000個(gè)外鏈 如何做好博客營(yíng)銷
- 五種開源協(xié)議比較 國(guó)內(nèi)開源程序都采用啥標(biāo)準(zhǔn)
- 做站一年體會(huì)——國(guó)內(nèi)互聯(lián)網(wǎng)剛起步
- 三個(gè)月讓你的網(wǎng)站PR值為5 搜狗PR=43
- 成功的站長(zhǎng)必須掌握網(wǎng)站運(yùn)營(yíng)推廣的管理學(xué)思維
- 相關(guān)鏈接:
復(fù)制本頁(yè)鏈接| 搜索Blogger必修:10個(gè)能用JavaScript實(shí)現(xiàn)的圖片特效
- 教程說明:
建站經(jīng)驗(yàn)教程-Blogger必修:10個(gè)能用JavaScript實(shí)現(xiàn)的圖片特效。