Клиентская сторона "Feature Tour" (учебная/учебная) оверлейная система?

Существует ли система/структура, которая фокусируется на предоставлении учебника/помощи, например, оверлеев в браузере?

Пример. У вас есть webapp, который требует определенного уровня инструкции для пользователя. В этом процессе инструкции вы хотите "выделить" (например, стрелку, оттенок цвета, пульсирующую границу и т.д.) Определенный элемент на странице с сопроводительным сообщением.

Это будет истинный наложение, поэтому он будет функционировать только в абсолютном позиционировании и не вмешиваться в существующий макет.

Я ищу существующее решение, прежде чем перейду к его собственному.

Ответы

Ответ 1

Спасибо Johnson за то, что он дал мне хороший термин для Google (без смехотворных ложных срабатываний).

Вот список предлагаемых "турне", которые я нашел:

• Joyride | http://zurb.com/playground/jquery-joyride-feature-tour-plugin
• Intro.js | http://usablica.github.io/intro.js/
• Hopscotch | http://linkedin.github.io/hopscotch/
• Крамбл | http://blog.tommoor.com/crumble/
• Pageguide | http://tracelytics.github.io/pageguide/
• Bootstro.js | http://clu3.github.io/bootstro.js/

Я уверен, что там больше. Эти решения могут значительно упростить разработчику возможность более эффективного внедрения функций пользователям.

Ответ 2

В дополнение к списку мы можем использовать легкую библиотеку https://github.com/heelhook/chardin.js