推薦 10個(gè)超棒的 jQuery 分步指引插件

1.  Intro.js 

Intro.js 使用一種引導(dǎo)式的方式來一步步介紹你網(wǎng)站和項(xiàng)目新特性。支持鍵盤+鼠標(biāo)的導(dǎo)航方式。 



2.  aSimpleTour 

aSimpleTour 使用JSON數(shù)據(jù)進(jìn)行存儲(chǔ)配置和內(nèi)容。一個(gè)浮動(dòng)窗幫助管理重點(diǎn)元素的瀏覽、工具提示（可以定位）。 



3.  Pageguide.js 

PageGuide.js 是一個(gè)利用jQuery 與 CSS3實(shí)現(xiàn)的交互式可視化網(wǎng)頁向?qū)ЫM件，通過 PageGuide.js 可制作出友好的幫助提示。 



4.  Joyride 

Joyride是一個(gè)jQuery插件，可以利用它來創(chuàng)建一個(gè)引導(dǎo)用戶如何操作網(wǎng)站功能的向?qū)?。通過定義一個(gè)操作步驟順序，這個(gè)插件會(huì)在需要操作的HTML元素旁邊顯示一個(gè)幫助說明的Tooltips。 



5.  Website Tour 

一個(gè)簡單但實(shí)用的插件。所有明細(xì)和內(nèi)容都定義在JS中。它還提供選項(xiàng)來定義tooltips的位置和顏色。 



6.  Bootstro.js 

這個(gè)是Intro.js的Bootstrap版本。 



7.  Bootstrap Tour 

這個(gè)jQuery網(wǎng)站導(dǎo)航在Bootstrap Popovers中加載內(nèi)容。導(dǎo)航步驟和內(nèi)容都定義在JavaScript中，它擁有許多的選項(xiàng)來定義其行為。 



8.  jQuery Site Tour 

這個(gè)插件擁有許多的選項(xiàng)來定外觀和步驟之間的延遲，設(shè)置要初始顯示的項(xiàng)目，等等。 



9.  jQuery TourBus 

這個(gè)插件采用CoffeeScript+Less + CSS開發(fā)，非常易于定制，可手動(dòng)顯示其他步驟或自動(dòng)播放?？赏ㄟ^函數(shù)來獲得當(dāng)前的步驟，或者顯示特定的一個(gè)步驟。 



10.  Crumble 

Crumble采用冒泡的界面，所有的步驟定義在一個(gè)有序的列表。