Blogger必修:10個能用JavaScript實現的圖片特效_建站經驗教程

推薦：十大最佳WordPress插件推薦
WordPress是使用PHP語言和MySQL數據庫開發的一個極為流行的Blog（博客、網志）系統，功能非常強大，插件和模板眾多，易于擴充功能。安裝和使用都非常方便。目前WordPress已經成為主流的Blog搭建平臺。 WordPress Plugin擴展插件眾多，使用這些插件可以輕松的擴展和定制

一般來說，我們在寫博客或做網站時都需要對插圖做一些效果，比如增加陰影、圖片圓角、倒映等等。這些效果一般可以用3個方法實現，一是用PS實現對圖片進行修改，二是使用CSS，三是使用JavaScript。使用PS會破壞原圖，而且要花費一定的時間。Netzgesta上有很多實現圖片特效的JavaScript提供下載，很多效果都是相當漂亮的。

1、水倒映



這個js將為圖片添加水倒映的特效，時下web2.0站點很喜歡這種效果。

如果你喜歡在線生成水倒映效果，可以參考這里。

js下載鏈接

2、圓角+陰影



或許你記得用RoundPic能在線生成圓角圖片，事實上用這個js也可以實現效果。

js下載鏈接

3、高光圓角陰影



這個效果可以用來做按鈕。是我最喜歡的特效之一。

js下載鏈接

4、斜光陰影效果



和上面的效果看起來非常相似，但也有不同的地方。

js下載鏈接

5、相框效果



如果你在做圖片博客，可以你會喜歡這個js，使用后博客文章內的圖片都有相框的效果。

js下載鏈接

6、黑色相框



不喜歡白色沒有立體感的相框，那試試這個立體感充足的js效果吧。

js下載鏈接

7、放大鏡



一個很有趣的js，實現放大鏡效果。記得在去年Google開發者日的時候，某個主講人也有說到在GMaps里實現放大鏡的有趣效果。具體效果點擊這里。

js下載鏈接

8、菲林效果



如果你在寫一個電影博客，這個效果或許會讓你喜歡。

js下載鏈接

9、花邊效果



很簡單的圖片花邊效果。

js下載鏈接

10、翻頁效果



翻頁效果是很常見的，Google一下你會發現有很多相關的教程，如果你不想花時間去學，直接下載這個js吧。

js下載鏈接

安裝使用方法：

將下載的壓縮包解壓之后上傳到網站空間，然后在需要顯示效果的head里添加代碼，比如高光陰影效果Glossy，添加的代碼是：

<script type="text/javascript" src="glossy.js"></script> 

對于Wordpress，可以在header.php里添加。如果只要求文章頁里出現效果，也可以考慮在single.php里添加。

然后，在想要顯示特效的圖片的<img>標記里添加：class="glossy"

這樣效果就出現了。其它效果添加方法類似。

分享：落伍蝶戀：淺談意見領袖對網站運營的作用
現在網站是越來越多，曾經有報道說，中國是垃圾站最多的國家，垃圾站的比重在中國是越來越多，我們往往搜索關鍵詞找到的一些排名在前的網站往往都是沒有你所需要的信息，這個就可以看出垃圾站對真正運作的專業網站的一個很大的沖擊了。 傳統的網站推廣方式往往都是在做