Главная » Статьи » Шаблоны » jQuery

Динамичное меню с использованием jQuery и бэкграунда

Пример использования jquery для меню

Анимированное меню, может придать любому сайту живости и динамики.

Представляем вам метод создания динамичного меню с применением jquery и бэкграундов. Для нашего примера понадобиться jquery-1.2.6.min.js и четыре изображения, которые вы найдете в архиве в конце статьи.

Анимированное меню, может придать любому сайту живости и динамики.

Представляем вам метод создания динамичного меню с применением jquery и бэкграундов. Для нашего примера понадобиться jquery-1.2.6.min.js и четыре изображения, которые вы найдете в архиве в конце статьи.

Пример размещен по этой ссылке на сайте alltemplate.ucoz.com (откроется в новом окне).

  • В первом варианте вы увидите динамику только с использованием CSS.
  • Во втором - бэкграунд меню будет плавно и волнообразно изменяться, с зеленого на синий цвет. Это объясняется самим изображением, волна присутствует на картинке бэкграунда.
  • В третьем варианте, используется тот же прием, но справа налево.
  • В четвертом - цвет медленно изменяется на более темный оттенок.
  • И в пятом, аналогично 4 способа, изменение происходит еще и с цветом. С зеленого цвет плавно перетекает в малиновый.

Вот, в общем-то и все. Архив пока доступен на нашем сайте, забирайте его по этой ссылке.




Источник: http://snook.ca/archives/javascript/jquery-bg-image-animations/
Дата: | Категория: jQuery Просмотров: 1384 | Теги: jquery меню, анимированное меню, динамическое меню

Готовые и простые решения для быстрого создания сайта для заработка

Статьи по теме поста: Динамичное меню с использованием jQuery и бэкграунда

Наверх