[筆記] 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

關鍵程式碼

按讚加入粉絲團

延伸閱讀

• [筆記] Udemy – CSS3 Animations, Transforms and Transitions Ultimate Guide (6)
• [指南] Vuetify 2 Dark Mode 配色設定與一些細節
• [筆記] Udemy – CSS3 Animations, Transforms and Transitions Ultimate Guide (5)
• [指南] AfterShip APP 物流使用分享
• [筆記] Udemy – CSS3 Animations, Transforms and Transitions Ultimate Guide (4)