Форма входа

mvcreative

Старая форма входа

  • Страница 1 из 1
  • 1
Модератор форума: BSide  
Форум MVCreative » сделаем креативный uCoz » Общение и архив » Архив старых тем » Меню для сайта с помощью jQuery
Меню для сайта с помощью jQuery
cechДата: Понедельник, 19.07.2010, 08:40 | Сообщение # 1
Генерал печатного дела
Группа: Администраторы
Пользователь №: 1
Сообщений: 1706
Награды: 59
Репутация: 108
Статус: оффлайн
В сегодняшнем уроке мы создадим интересное меню с использованием jQuery.





Идея


Главная идея этого меню - это возможность подсветки при передвижении мышки по меню. Это будет выполнено с помощью возможностей jQuery.





HTML


Здесь используется обычный список. У него есть класс "group", так как это будет горизонтальный ряд и нам понадобится clearfix чтобы у него была высота.


Доступно только для пользователей


CSS


Доступно только для пользователей


jQuery


Вот последовательность действий:


1. При загрузке страницы...
2. Задать переменные включая текущий левый отступ навигации
3. Настроить функцию resize
4. Добавить линию под меню
5. Задать позицию и ширину линии для текущего элемента
6. Также задать оригинальную ширину и позицию в качестве данных, чтобы их можно было анимировать.
7. При наведении, посчитать новую ширину и левую позицию и анимировать линию
8. При отводе мышки - вернуть анимацию на место.



Доступно только для пользователей


У данного меню проблемы с отображением в Опере. Пока нет вариантов исправления этого.
В исходниках и демо версии Вы также найдете еще один вариант меню. Можете и его использовать на Ваших сайтах.
Источник урока: www.css-tricks.com




Прикрепления: example.zip(4.2 Kb)




 
вверх
Love_AngelДата: Пятница, 26.11.2010, 14:08 | Сообщение # 2
Молчун
Группа: Пользователи
Пользователь №: 428
Сообщений: 15
Награды: 0
Репутация: 0
Статус: оффлайн
Мне так понравилось это меню. Надо будет попробовать. я думаю должно подойти для юкоза ))
 
вверх
BaniKДата: Вторник, 26.04.2011, 22:47 | Сообщение # 3
Авы нет
Молчун
Группа: Пользователи
Пользователь №: 955
Сообщений: 1
Награды: 0
Репутация: 0
Статус: оффлайн
шо куда пихати непонято !
 
вверх
cechДата: Среда, 27.04.2011, 01:00 | Сообщение # 4
Генерал печатного дела
Группа: Администраторы
Пользователь №: 1
Сообщений: 1706
Награды: 59
Репутация: 108
Статус: оффлайн
BaniK, все описано пошагово!


 
вверх
Форум MVCreative » сделаем креативный uCoz » Общение и архив » Архив старых тем » Меню для сайта с помощью jQuery
  • Страница 1 из 1
  • 1
Поиск: