Fullscreen HTML5 Background Video 是一個好用的 javascript 網頁背景影片幻燈片播放套件,本篇將說明使用方法。
SortableJS 是一個簡單好用的網頁元素拖曳(drag and drop)及排序(sort)套件,可以參考本文安裝及設定套件內容。
AniJS 只要讀入他寫好的 js 和 css,再在 html 上加上類似 data-anijs="if: mouseover, on: body, do: swing animated" 的敘述,就可以把動畫套到上面去了。
Vanta.js 是一個有著漂亮背景動態效果的 js 套件,網站上也提供客製化的功能,只要調整一些參數就可以把 code 貼到自己要套上效果的頁面上了。
Lottie.js 是由 Airbnb 開發出來的可以直接把 After Effect 的動畫轉成 HTML5 動畫的套件。
vivus.js 是一個處理 SVG stroke Animation 的套件,可以選擇用 delayer、sync 或 OneByOne 的方式來顯示線條動畫。
slick 是一個很好用的圖片輪播套件,還號稱是 the last carousel you'll ever need,我個人也覺得是很棒,支援 RWD 也支援手機手勢,這樣不管在任何裝置上都可以正常操作。
Animate On Scroll Library (AOS) 是一個可以根據捲動位置讓網頁上的區塊可以飛入或飛出的套件,用了這個套件可以讓使用者在瀏覽的時候有更生動的互動效果。