標籤: javascript plugin 頁1

Fullscreen HTML5 Background Video- 好用的 javascript 網頁背景影片幻燈片播放套件
網路資源

Fullscreen HTML5 Background Video- 好用的 javascript 網頁背景影片幻燈片播放套件

Fullscreen HTML5 Background Video 是一個好用的 javascript 網頁背景影片幻燈片播放套件,本篇將說明使用方法。

vidbg.js- 簡單好用的網頁背景影片播放套件
網路資源

vidbg.js- 簡單好用的網頁背景影片播放套件

vidbg.js 是一個簡單好用的網頁背景影片播放套件,並說明使用方法。

starback.js- 利用 js 製作漂亮的星空、流星背景
網路資源

starback.js- 利用 js 製作漂亮的星空、流星背景

如果有想要在網站放上星星背景或流星效果,可以考慮使用 starback.js 這個套件。

SortableJS- 簡單好用的網頁元素拖曳(drag and drop)及排序(sort)套件
網路資源

SortableJS- 簡單好用的網頁元素拖曳(drag and drop)及排序(sort)套件

SortableJS 是一個簡單好用的網頁元素拖曳(drag and drop)及排序(sort)套件,可以參考本文安裝及設定套件內容。

不用寫程式也能套生動的動畫- AniJS
網路資源

不用寫程式也能套生動的動畫- AniJS

AniJS 只要讀入他寫好的 js 和 css,再在 html 上加上類似 data-anijs="if: mouseover, on: body, do: swing animated" 的敘述,就可以把動畫套到上面去了。

Jarallax- 背景視差滾動套件
網路資源

Jarallax- 背景視差滾動套件

Jarallax 是一個製作背景視差滾動的套件,也支援 Youtube 嵌入的影片。

Vanta.js- 漂亮的背景動態效果套件
網路資源

Vanta.js- 漂亮的背景動態效果套件

Vanta.js 是一個有著漂亮背景動態效果的 js 套件,網站上也提供客製化的功能,只要調整一些參數就可以把 code 貼到自己要套上效果的頁面上了。

Parallax.js- 偵測滑鼠位置的視差滾動效果
網路資源

Parallax.js- 偵測滑鼠位置的視差滾動效果

Parallax.js 是一個可以偵測滑鼠位置的視差滾動效果的套件,可以做出有趣的互動效果。

Stellar.js- 視差滾動的套件
網路資源

Stellar.js- 視差滾動的套件

Stellar.js 是一個可以製作視差滾動的套件。

StarScroll.js- 可做出星空般視差滾動效果的套件
網路資源

StarScroll.js- 可做出星空般視差滾動效果的套件

StarScroll.js 是可做出星空般視差滾動效果的套件。

QueryLoader2.js- 簡單製作遮住整頁的讀取效果
網路資源

QueryLoader2.js- 簡單製作遮住整頁的讀取效果

QueryLoader2.js 是一個可以製作當頁面內容還沒讀完時,遮住整頁的遮罩效果的套件。

Lottie.js- 把 After Effect 的動畫轉成 HTML5 動畫的好用套件
網路資源

Lottie.js- 把 After Effect 的動畫轉成 HTML5 動畫的好用套件

Lottie.js 是由 Airbnb 開發出來的可以直接把 After Effect 的動畫轉成 HTML5 動畫的套件。

anime.js- 功能強大的動畫工具
網路資源

anime.js- 功能強大的動畫工具

anime.js 是一個功能強大的動畫工具,可以和CSS3變數、SVG、DOM 之類的元素互動,製作出高效能且平滑的動畫效果。

vivus.js- 處理 SVG stroke Animation 的套件
網路資源

vivus.js- 處理 SVG stroke Animation 的套件

vivus.js 是一個處理 SVG stroke Animation 的套件,可以選擇用 delayer、sync 或 OneByOne 的方式來顯示線條動畫。

Gridster.js- 建立動態磚概念的格狀版面的套件
網路資源

Gridster.js- 建立動態磚概念的格狀版面的套件

Gridster.js 是一個建立動態磚概念的格狀版面的套件,還支援手動拖曳及大小縮放。

viz.js- 以 Graphviz 語法畫流程線圖的套件
網路資源

viz.js- 以 Graphviz 語法畫流程線圖的套件

viz.js 是一個以 Graphviz 語法畫流程線圖的套件。

slick- 好用的圖片輪播套件,也支援手機手勢及 RWD
網路資源

slick- 好用的圖片輪播套件,也支援手機手勢及 RWD

slick 是一個很好用的圖片輪播套件,還號稱是 the last carousel you'll ever need,我個人也覺得是很棒,支援 RWD 也支援手機手勢,這樣不管在任何裝置上都可以正常操作。

Animate On Scroll Library (AOS)- 依據捲動位置製作移入移出效果的套件
網路資源

Animate On Scroll Library (AOS)- 依據捲動位置製作移入移出效果的套件

Animate On Scroll Library (AOS) 是一個可以根據捲動位置讓網頁上的區塊可以飛入或飛出的套件,用了這個套件可以讓使用者在瀏覽的時候有更生動的互動效果。