Создание сайта тур

Question

Когда вы регистрируетесь на github.com, они показывают тур, который показывает все, чтобы начать правильно использовать github.Также Google показывает эти туры в Gmail, когда они добавляют новую функцию.Это крошечные квадратики, всплывающие подсказки на странице, и иногда некоторая ключевая часть сайта красиво выделяется путем изменения цвета границы или фона.

Мой вопрос: есть ли какая-либо существующая библиотекадостичь этого?

Answer 1

Отвечая на мой собственный вопрос.Я использую Guiders.js .Это полностью служит моей цели.Специально подсказка для разных элементов - это то, что я искал.

ОБНОВЛЕНИЕ: 3 октября 2013 г.

Еще один найденный мной файл называется intro.js

Answer 2

Вы ищете что-то вроде этого: http://amberjack.org/?

Answer 3

Sideshow - это современная и мощная библиотека для создания интерактивных туров для веб-приложений и сайтов.

Sideshow - это не только руководство для пользователей, но и взаимодействие с ними:

• Контролируйте поведение своего пользователя и состояние некоторого экрана.
• Создание умных шагов для ваших уроков, которые выполняются автоматически при выполнении какого-либо условия
• Создавайте отношения между вашими уроками, таким образом, когда ваш пользователь заканчивает какое-то урок, отображается список связанных с ним туров.
• Использовать Markdown для расширенного форматирования описания шага
• Использование событий (например, beforeStep / afterStep, beforeWizardStarts / afterWizardEnds) для выполнения какой-либо подготовки или чего-либо еще
• Показывать контекстные учебные пособия в соответствии с экраном, просматриваемым вашим пользователем, каждый учебник имеет свои собственные условия, чтобы проверить, подходит ли он для этого экрана или нет

И другие мощные функции!

Answer 4

Мои два любимых:

• http://revaxarts -themes.com / tour / examples / example6.html
• http://linkedin.github.io/hopscotch/

Если вы используете начальную загрузку, вы можете рассмотреть: http://bootstraptour.com/