Советы по наложению справки с помощью jQuery

Я хотел бы создать слой перекрытия, который появляется, если пользователь нажимает ссылку "Справка", которая отображает подсказки (скорее всего, изображение .png), указывающее элементы веб-сайта.

Я видел, как это делалось на других сайтах (хотя в настоящее время я не могу найти их), потому что на всей странице есть полупрозрачная надпись, в которой отображаются подсказки. Я бы хотел, чтобы наложение исчезло, если пользователь нажимает кнопку или закрывает ее.

Я понимаю, что много спросить, но если кто-нибудь может указать мне в правильном направлении или в онлайн-учебник и т.д. Я ДЕЙСТВИТЕЛЬНО оценил бы это:)

Вот пример эффекта, который я хочу создать на своем веб-сайте:

Ответ 1

Взгляните на плагин Impromptu

http://trentrichardson.com/Impromptu/

Ответ 2

Посмотрите Chardin.js, это довольно приятно и легко реализовать

Ответ 3

Еще один хороший плагин, похоже, чардин http://heelhook.github.io/chardin.js/

Ответ 4

Сначала вам нужно научиться создавать наложение. Это легко сделать с небольшим элементарным CSS.

Материалы, отображающие материал справки (ваши изображения PNG), будут содержаться внутри элемента overlay (что, скорее всего, div). Вам нужно будет расположить их вокруг, и вы можете сделать это с помощью чистого CSS или использовать что-то вроде jQuery UI Position помощник, чтобы помочь вам.

Наконец, вам понадобится немного Javascript/jQuery, чтобы начать переключение наложения. Вы хотите прочитать в событиях в jQuery. Скорее всего, вы собираетесь подключаться к click.

Ответ 5

Похоже, вы ищете что-то вроде Colorbox