1)waypoints.js監聽鼠標滾動事件
2)FlexSlider 幻燈片插件(類似輪播)
3)fullPage.js 滿屏插件
4)jquery.lazyload.js 圖片延遲加載
Lazy Load是一個用js編寫的jQuery插件,用來實現圖片的延遲加載。只有在瀏覽器可視區域的圖片才會被加載,沒有滾動到的區域img標簽上會有一個占位圖片,而真實圖片不會被載入。當頁面比較長,圖片比較多的時候,延遲加載圖片可以加快頁面加載速度,在某些情況下降低服務器負擔。
使用方法:
1、lazyload.js依賴jquery或者zepto.js。
2、將圖片的真實路徑放在img的data-original屬性上。給img標簽增加一個自定義的類名如:lazyload,方便js調用。
<img class="lazyload" alt="" width="1000" height="60" data-original="http://images.h-ui.net/www/AD-1000x60.gif" />
//js調用
$(function() {
$("img.lazyload").lazyload()});
5)jquery.fly.min.js 類似添加購物車飛的動畫
6)lazyload.min.js 圖片延遲加載/懶加載
7)WOW.js – 讓頁面滾動更有趣
有的頁面在向下滾動的時候,有些元素會產生細小的動畫效果。雖然動畫比較小,但卻能吸引你的注意。比如剛剛發布的 iPhone 6 的頁面(查看)。如果你希望你的頁面也更加有趣,那么你可以試試 WOW.js。
WOW.js 依賴 animate.css,所以它支持 animate.css 多達 60 多種的動畫效果,能滿足您的各種需求。