讓 intro.js 幫你簡單做網站功能導覽

分享:

有些時候在一些新功能或服務推出時,可能會擔心使用者不知道該怎麼用,會需要一步一步在頁面帶領使用者說明功能,這時候就可以使用這隻 intro.js 來簡單完成這個需求。

使用方法只要讀入該 js 和 css 後,參考官方的 js 範例,指定每個步驟要介紹哪個區塊,intro.js 就可以幫你把功能給做好了。

introJs().setOptions({
  steps: [{
    intro: "Hello world!"
  }, {
    element: document.querySelector('#login'),
    intro: "Click here to login!"
  }]
}).start();

 

不過這隻服務是可能需要收費的,如果是要用在商業用途,記得要跟他們買授權喔,而如果沒有要應用在商業上,就可以免費使用。

 

 

和我們交流

加入我們的社群,裡面會有一些技術的內容、有趣的技術梗,以及職缺的分享,歡迎和我們一起討論。