10個Javascript/JS圖片特效

來源:互聯網
上載者:User

先讓我們來看一下這些JS圖片特效的安裝使用方法:

  • 將下載的JS行效壓縮包解壓之後上傳到網站空間,然後在需要顯示效果的head裡添加代碼,比如JS高光陰影製作效果Glossy,添加的代碼是:
    <script type=”text/javascript” src=”glossy.js”></script>
  • 對於Wordpress,可以在header.php裡添加。如果只要求文章頁裡出現效果,也可以考慮在single.php裡添加
  • 然後,在想要顯示特效的圖片的<img>標記裡添加:
    class=”glossy”

1、高光圓角陰影

這個Javadcript 特效可以用來做圖片按鈕。
js下載連結

2、斜光陰影製作效果

和上面的JS效果看起來非常相似,但也有不同的地方。
js下載連結
3、水倒映

這個js可以讓圖片實現非常流行的Web2.0風格- 水倒映的特效.
js下載連結

10、花邊效果

很簡單的圖片花邊效果。
js下載連結
5、圓角+陰影

或許你記得用RoundPic能線上產生圓角圖片,事實上用這個js也可以實現效果。
js下載連結

6、相框效果

如果你在做圖片部落格,可以你會喜歡這個js,使用後部落格文章內的圖片都有相框的效果。
js下載連結
7、放大鏡

一個很有趣的js,實現放大鏡效果。
js下載連結
8、菲林效果

如果你在寫一個電影部落格,這個效果或許會讓你喜歡。
js下載連結
9、黑色相框

不喜歡白色沒有立體感的相框,那試試這個立體感充足的js效果吧。
js下載連結
10、翻頁效果

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

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.