Intro.js 為您的網站和項目提供一步一步的、更好的介紹 使用簡單 引入 js 和 css，然後在代碼中加入步驟和介紹。 快速小巧 7 KB 的 JavaScript 和 3 KB CSS，就是全部。 免費開源 免費和開源（包括商業用途），MIT許可證下。 鍵盤加滑鼠導航 滑鼠或鍵盤 ←, →, ...
Intro.js
為您的網站和項目提供一步一步的、更好的介紹
使用簡單
引入 js 和 css，然後在代碼中加入步驟和介紹。
快速小巧
7 KB 的 JavaScript 和 3 KB CSS，就是全部。
免費開源
免費和開源（包括商業用途），MIT許可證下。
鍵盤加滑鼠導航
滑鼠或鍵盤 ←, →, ENTER 導航，ESC 鍵退出。
線上實例
參數說明
設置多個格式 json格式：
- key:value
可設置參數
- nextLabel: "Next →",
- prevLabel: "← Back",
- skipLabel: "Skip",
- doneLabel: "Done",
- tooltipPosition: "bottom",
- tooltipClass: "",
- highlightClass: "",
- exitOnEsc: !0,
- exitOnOverlayClick: !0,
- showStepNumbers: !0,
- keyboardNavigation: !0,
- showButtons: !0,
- showBullets: !0,
- showProgress: !1,
- scrollToElement: !0,
- overlayOpacity: 0.8,
- positionPrecedence: ["bottom", "top", "right", "left"],
- disableInteraction: !1
設置方法（多個參數設置）
關鍵字：setOptions
- introJs().setOptions({'prevLabel':'← 上一步','nextLabel':'下一步 →','skipLabel':'跳過','doneLabel':'完成'}).start();
設置方法(單個參數設置)
關鍵字：setOption
- introJs().setOption("prevLabel","上一步").start();
頁面分佈引導的元素設置：
- <div id="demo" data-step="1" data-intro="這裡是分佈引導的內容……" data-position="right">
- </div>
說明：
- data-step：第幾步
- data-intro：分佈引導的內容
- data-position：引導內容顯示位置，
參數：left,right,top,bottom(不解釋)
下載
