[筆記] jQuery Smart Wizard 5 對使用者和開發者都友善的引導頁面

章節連結

• 使用方式
• 關鍵程式碼

日前因為開發上需要，找到了 W3C 上的 How TO – Form with Multiple Steps 的引導頁面範本，進而運用 Google 找到月下載量挺為可觀 jQuery Smart Wizard 5。兩者的 HTML 框架是類似的，但後者提供更多客製化的選項和多種風格的樣式。

---

使用方式

1. 必須先行引入 jQuery，接著再載入 Smart Wizard 的 js 檔。
2. 樣式需放置在 </head> 前
官方說明兼 Demo：http://techlaboratory.net/jquery-smartwizard
Github：https://github.com/techlab/jquery-smartwizard

關鍵程式碼

按讚加入粉絲團

延伸閱讀

• [指南] Vue-Router 的巢狀路由和 Empty View 妙用
• [筆記] HiSKIO 圖解 AWS+GCP：雲端雙平台入門完全指南 – 13 – GCP Compute Engine
• [筆記] HiSKIO 圖解 AWS+GCP：雲端雙平台入門完全指南 – 12 – GCP Security Rules
• [筆記] HiSKIO 圖解 AWS+GCP：雲端雙平台入門完全指南 – 11 – GCP Network
• [筆記] UI 設計入門：畫出有程式邏輯的設計稿 – 18 – Modal 互動視窗