LOGO OA教程 ERP教程 模切知識交流 PMS教程 CRM教程 開發文檔 其他文檔  
 
網站管理員

10個能用JavaScript實現的圖片特效

admin
2010年2月2日 0:37 本文熱度 8865
一般來說,我們在寫博客或做網站時都需要對插圖做一些效果,比如增加陰影、圖片圓角、倒映等等。這些效果一般可以用3個方法實現,一是用PS實現對圖片進行修改,二是使用CSS,三是使用JavaScript。使用PS會破壞原圖,而且要花費一定的時間。Netzgesta上有很多實現圖片特效的JavaScript提供下載,很多效果都是相當漂亮的。
1、水倒映
這個js將為圖片添加水倒映的特效,時下站點很喜歡這種效果。
如果你喜歡在線生成水倒映效果,可以參考這里。
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,添加的代碼是:
對于Wordpress,可以在header.php里添加。如果只要求文章頁里出現效果,也可以考慮在single.php里添加。
然后,在想要顯示特效的圖片的標記里添加:
class="glossy"這樣效果就出現了。
其它效果添加方法類似。

該文章在 2010/2/2 0:37:43 編輯過
關鍵字查詢
相關文章
正在查詢...
點晴ERP是一款針對中小制造業的專業生產管理軟件系統,系統成熟度和易用性得到了國內大量中小企業的青睞。
點晴PMS碼頭管理系統主要針對港口碼頭集裝箱與散貨日常運作、調度、堆場、車隊、財務費用、相關報表等業務管理,結合碼頭的業務特點,圍繞調度、堆場作業而開發的。集技術的先進性、管理的有效性于一體,是物流碼頭及其他港口類企業的高效ERP管理信息系統。
點晴WMS倉儲管理系統提供了貨物產品管理,銷售管理,采購管理,倉儲管理,倉庫管理,保質期管理,貨位管理,庫位管理,生產管理,WMS管理系統,標簽打印,條形碼,二維碼管理,批號管理軟件。
點晴免費OA是一款軟件和通用服務都免費,不限功能、不限時間、不限用戶的免費OA協同辦公管理系統。
Copyright 2010-2025 ClickSun All Rights Reserved

黄频国产免费高清视频,久久不卡精品中文字幕一区,激情五月天AV电影在线观看,欧美国产韩国日本一区二区
亚洲情涩免费手机在线视频 | 亚洲精品自在线 | 亚洲人成未满十八禁网站 | 欧美亚洲国产aⅴ人妖 | 亚洲国产欧美日本视频 | 伊人久久大香线焦综合5g |