Как сделать подсказки на jQuery?

dodskazВ данном уроке мы расмотрим как создать кравивые и эфектные подсказки на JQuery. Это бывает очень полезно и разместить в этой подсказке и картинку и ссылку все что вам требуется. Рабочий пример можно увидеть тут, а скачать все исходники по этой ссылке. Итак, займемся созданием такой подсказки с особым эффектом появления. Для начала нам нужно открыть файл, в котором будет располагаться такая подсказка или создать новый HTML-документ. Далее мы просто вставим следующий код между тегами <body> и </body> , который нам будет служить основой для всплывающей подсказки:

[source]

Наведите на меня мышку 🙂

[/source]

Стилизация подсказки.

Основная часть завершена, теперь нам остается немного изменить, а в некоторых местах и придать стиль нашей всплывающей подсказке. Ниже я разместил код, который следует вставить между тегами и , а если у Вас есть своя таблица стилей и она подключена к данному файлу с подсказкой, то можете вставлять его туда. Итак, вот код:

[source]

—>
[/source]

Ну, и наконец-то настал заключительный шаг. Чтобы его осуществить, нам понадобится файл с jQuery последней версии. В исходниках я такой файл выложил. Называется он jquery.js. Просто закиньте его в ту папку, где у нас лежит файл с подсказкой. Также нам еще очень понадобится один Javascript, код которого я привел ниже. Вставлять его нужно между тегами и . Именно этот скрипт позволяет нашему окошку плавно появляться и также плавно исчезать.

[source]

[/source]

Ну вот и все! Надеюсь, что Вам очень понравился данный вид всплывающих подсказок, потому что он наиболее важен и полезен на сайтах, чем просто обычные подсказки. Ну как всегда продолжение следует.