推薦 10個超棒的 jQuery 分步指引插件

2018-08-15 16:38 更新
1.  Intro.js 

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



2.  aSimpleTour 

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



3.  Pageguide.js 

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



4.  Joyride 

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



5.  Website Tour 

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



6.  Bootstro.js 

這個是Intro.js的Bootstrap版本。 



7.  Bootstrap Tour 

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



8.  jQuery Site Tour 

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



9.  jQuery TourBus 

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



10.  Crumble 

Crumble采用冒泡的界面,所有的步驟定義在一個有序的列表。 


    以上內(nèi)容是否對您有幫助:
    在線筆記
    App下載
    App下載

    掃描二維碼

    下載編程獅App

    公眾號
    微信公眾號

    編程獅公眾號