jquery alert

Плагин jQuery Alert Dialogs призван заменить основную функциональность стандартных предупреждений JavaScript,  alert(), confirm(), и prompt() функций. Они полностью настраиваются с помощью CSS (это позволит выглядеть вашему сайту  гораздо более привлекательно). И вы также можете настроить пользовательский заголовок для каждого диалогового окна.

Эти методы моделируют обычные модальные диалоговые окна. Они автоматически изменяют свое положение при изменении окна браузера. Если включить jQuery UI Draggable плагин, то окна можно перемещать, перетаскивая их за заголовки. В отличие от стандартных JavaScript функций, вы можете использовать HTML в сообщении. Например, чтобы задать переход на новую строку, вы можете использовать либо \n, либо <br />.

javascript-slideshow

Это динамичное javascript-слайдшоу имеет большие возможности и при этом весит всего лишь 5KB. Слайдшоу легко настраивается и добавляется на вашу страницу. Ниже представлен пример html-разметки слайдшоу и скрипта который его запускает.

jQuery lightBox плагин - простой, элегантный, не требующий дополнительной разметки, он позволяет применять эффект lightbox к картинкам используя всю мощь и гибкость jQuery.

jQuery lightBox plugin

Как его использовать:

jQuery lightBox плагин использует JavaScript библиотеку jQuery , поэтому в начале необходимо подключить эту библиотеку и lightBox плагин к странице:

multi-level-drop-down-menu

Это многоуровневое javascript-меню "весит" всего лишь 1.2 KB, но она обладает довольно широкими возможностями и очень простое в реализации.

CSS tooltips очень популярны в современном веб дизайне, и, вопреки широко распространенному мнению, их довольно легко создать, особенно с помощью различных популярных javascript-framework-ов.

Вы, конечно, можете использовать стандартный плагин, но чтобы сделать простой tooltip Вам достаточно написать всего 10 строк кода jQuery и CSS.

Итак, приступим. Прежде всего обратите внимание на структуру этой всплывающей подсказки: это обыкновенная ссылка, которая будет выглядеть примерно так:

<a href="#" title="Это обыкновенный Tooltip">Ссылка</a>
 

В этом примере я покажу как создать "эффект аккордеона", который можно использовать как для меню, так и для любых других целей. Раньше для этих целей использовался Flash, но теперь можно воспользоваться и jQuery.

accordion

Чтобы использовать jQuery на Вашем сайте, Вы сначала должны загрузить последнюю версию этой javascript-библиотеки, а затем подключить ее к Вашей странице.