單頁應用程序導覽遊覽的Javascript工具

我看到一次JavaScript工具（jQuery插件也許）實現功能/導遊功能，很遺憾，我沒有收藏該頁面。單頁應用程序導覽遊覽的Javascript工具

它使用了一個覆蓋層，並着重於基於id屬性的文檔元素。

enter image description here

Joyride或什麼，我發現谷歌搜索不支持這一點。

你有什麼想法嗎？

2013-01-05 tsiokos

你應該考慮使用雜耍，看這個評論：http://stackoverflow.com/questions/14170855/javascript-tool-for-single-page-applicati ons-guided-tour/21298430＃21298430 –

jquerypowertour.com可以突出顯示元素和更多。我沒有用過它，但它看起來很強大。

但我覺得有點像JoyRide或Guiders-JS可以很容易地進行修改，組合做jQuery Highlighter plugin - Demo

2013-01-06 15:59:59

這不是一個免費的解決方案，Sideshow具有相同的功能，使用起來非常簡單。這是一個免費的工具。 –

Sideshow是用於創建Web應用程序和網站的互動之旅的現代化和強大的庫。

不僅僅是指導你的用戶更多，雜耍可以與它們進行交互：

突出顯示你在每一步談論（一種形式，DIV，圖像，場，等等）的一部分，由屏蔽屏幕的其餘部分（Sideshow不使用z-index方法，它的蒙版不位於元素後面，但真正圍繞它）。
監視用戶的行爲和某個屏幕的狀態。
爲您的教程創建智能步驟，並在滿足某些條件時自動執行
在您的教程之間創建關係，這樣，當您的用戶完成一些教程時，將顯示一個包含相關遊覽的列表。
使用降價富格式化步驟說明
使用事件（如beforeStep/AfterStep的信息，beforeWizardStarts/afterWizardEnds）執行根據屏幕一些準備或其他任何
顯示上下文教程由用戶正在觀看，每個教程有自己的條件來檢查它是否適合該屏幕

等強大功能！

來源

2014-01-23 02:54:29

我試了這麼多的導遊JS工具，我可以確認這是我以前從未找到的最好的一個，謝謝！ –

Sideshow是最好的圖書館！ –

Intro.js是一個更好的網站和功能介紹與分步指南爲您的項目。

特點：

2014-12-21 12:15:33

回答