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

關鍵程式碼

按讚加入粉絲團

延伸閱讀

• [筆記] AlphaCamp 不只是刷題的 Leetcode 訓練營 – 4
• [筆記] TypeScript + D3.js + Vue 3 – 幫長條圖加上基本的水平、垂直軸 ( x, y axis)
• [筆記] HiSKIO 2020 Vue3 專業職人 入門篇 – 7
• [指南] npm 預設下載來源更改 – 因應中國的特殊規矩
• [指南] 解決中國境內無法使用 raw.githubusercontent.com 下載套件的問題