前端的一些好用的插件

1)waypoints.js監聽鼠標滾動事件

http://www.jq22.com/yanshi9153
使用方法

2)FlexSlider 幻燈片插件(類似輪播)

http://blog.csdn.net/hqhtys1/article/details/39992425
使用方法

3)fullPage.js 滿屏插件

http://www.dowebok.com/77.html

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 多種的動畫效果,能滿足您的各種需求。

演示1
演示2-防Oppeo

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 在此特此聲明:一下所有鏈接均來自互聯網,在此記錄下我的查閱學習歷程,感謝各位原創作者的無私奉獻 ! 技術一點一點積...
    遠航的移動開發歷程閱讀 11,184評論 12 197
  • 神仙做法, 聖人妥協, 凡人祈禱
    小絲游江閱讀 168評論 0 1
  • 文/一土 你是平凡,是朝露待日晞。我看著光芒萬丈,和你。我多想穿越所有的云層,在迢迢的山水路途中。去一個午后,在西...
    雨下撒哈拉閱讀 817評論 0 2
  • 觀察以上結果發現: typeof NaN的結果是number,所以測試一個數字是否等于NaN,但是js提供了isN...
    時間de歌閱讀 1,573評論 0 0