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

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

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

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

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

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

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