Raler - портфолио
Уроки jQuery: DropNav - Навигация на Вашем сайте
Учимся делать красивую навигацию у себя на сайте.
Сущность использования эффекта .animate() очень распространенная. На данном примере показывается одна из ее функций.
Логическое содержание:
1. Создаем походящий для Нас блок для навигации.
2. Устанавливаем на активный элемент (в моем случае это элемент "li" - элемент списка "ul" фоновую картинкуи сдвигаем ее вниз посредством background-position, на высоту нашего блока навигации.
3. Непосредственно работа с jQuery. Устанавливаем на наш элемент "li" функцию .hover()
4. Анимируем наш задний фон посредством этой функции.
Это самое краткое описание ЛОГИЧЕСКОЙ цепочки эффекта.
Ссылка на демо-превью находится чуть выше ("demo.html")
Открываем исходный код, и смотрим. Пользуемся.
Комментарии: 0
Пока нет комментариев, ваш комментарий будет первым!