一、輪播圖

1.Swipe

Swiper常用於移動端網站的內容觸摸滑動。

Swiper是純javascript打造的滑動特效插件，面向手機、平板電腦等移動終端。

Swiper能實現觸屏焦點圖、觸屏Tab切換、觸屏多圖切換等常用效果。

Swiper開源、免費、穩定、使用簡單、功能強大，是架構移動終端網站的重要選擇！

Swiper擁有靈活的progress，這是自定義製作3D切換效果的利器

Swiper製作3D切換效果的方法多種多樣。cube、coverflow和flip可以輕鬆的實現3D過渡，如果你想製作其他新穎的切換方式，推薦使用progress。

progress可以幫助你獲取到滑塊的進度索引。

在Swiper上加些小動畫，製作時下最流行的微展示

使用Swiper再配合一些你喜歡的小動畫，你的圖片立即變成活靈活現的微場景、微海報。

常用的製作動畫的方法有CSS3、TweenMax、animate.css等。也推薦使用我們的Swiper Animate小插件，無需學習即可快速製作出精美的切換動畫效果。

Swiper Animate有大量的demo，下載後進行簡單修改即可，是伸手黨的最愛。

2.baguetteBox.js

baguetteBox.js 是一個簡單和易於使用的響應式的圖像Lightbox 插件，支持滑動手勢在移動設備上使用。純JavaScript 實現，不依賴第三方庫和插件，趕緊來體驗吧。

二、彈出層

1.Popper.js

Popper.js 是一個擴展性較好的 tooltips 提示類 JS 插件，不需要依賴 jQuery 庫，大小僅為 3.5KB 左右，使用與配置相當簡單，若你的 Web 網站有這個需要，可以嘗試使用這個該特效插件。

a.自定義提示方向

b.支持拖拽移動

c.滾動容器顯示

d.視口邊界

如果大家喜歡JS的其他功能插件和庫的可以在評論區留言，或者直接私信我,我會第一時間為大家分享哦！