Мой Twitter!


Опрос

Одобряете новую политику vbsupport.org?

Результаты

Loading ... Loading ...


Полезные ресурсы


Друзья блога


Категории


Темы


Архив


Тэги

CMS d.a.j. DevArt DevArt Journal Devil Art Google icq JQuery PR PrestaShop Sypex Twitter vB vBulletin WordPress WP XenForo Администраторы Жизненное Жизнь Интеграция Клоны Код Кодинг Маразм Миранда Музыка Навигация Новички Новости Новость Обучение Переводы Проблема Провайдер Программы Психология Работа Релизы Скрипты Спам Частные уроки Я воровство жесть каталог блогов копипаст смех тИЦ форум

Каталоги

BloCat — Каталог блогов

Поиск


Навигация с помощью JQuery (Часть I)

1250115356 kmenuedit Навигация с помощью JQuery (Часть I)Меню навигации, как и другая составляющая сайта, играет большую роль. Сайты, которые имеют немалое количество страниц — используют зачастую расширенное меню навигации. Поскольку это дает возможность, сделать прибывание пользователю на ресурсе гораздо комфортнее. Зачастую, требуется определиться с вопросом — “Какое меню использовать? Статическое или динамическое?”
В данной статье мы остановим выбор на меню с использование технологии JQuery. Вам будет представлено более 30-ти, а если точнее, то 36 видов меню.
Поехали!

1. Фиксированный JQuery интерфейс
Фиксированный JQuery интерфейс, оно же меню с фиксированной позицией — является излюбленной частью для веб-дизайнеров и веб-разработчиков. Данный мануал (кликните по ссылке) покажет Вам, как создать собственный фиксированный JQuery интерфейс.
1 Навигация с помощью JQuery (Часть I)

Демо | Скачать

2. Анимационное меню JQuery
Научитесь создавать меню с эффектом анимации при помощи xHTML,CSS and JavaScript.
2 Навигация с помощью JQuery (Часть I)

Демо | Скачать

3. Классная анимационная навигация при помощи CSS и JQuery (Мануал + Скачивание)
Данное меню в большей части напоминает закладки. Отлично подойдет для тех, кто создает сайты в подобном стиле. Да и вообще, подойдет всем. :)
3 Навигация с помощью JQuery (Часть I)

Демо | Скачать

4. Страничная навигация JQuery
Действительно интересная алфавитная навигация. Показывает пользователю буквы от A до Z. Щелчок одной из букв — фильтрует список, чтобы показать только те элементы, которые присутствуют в списке.
4 Навигация с помощью JQuery (Часть I)

Демо | Скачать

5. jqDock меню
Это навигация с плавающими иконками. Чем ближе Вы к ней приближаетесь, тем больше становятся иконки. Эффект увеличения, для тех, кто с комплексами. :D Шутка.
5 Навигация с помощью JQuery (Часть I)

Демо | Скачать

6. Навигация с эффектом “скольжения”
Мануал объясняет, как можно создать такое же меню. Также, в архиве имеется PSD исходники.
6 Навигация с помощью JQuery (Часть I)
Конечная демо-версия:
6.2 Навигация с помощью JQuery (Часть I)

Демо | Скачать

7. CSS Sprites 2 – Время дял JavaScript
В большей мере — стандартное JS меню.
7 Навигация с помощью JQuery (Часть I)

Демо

8. Меню в стиле Macintosh
Если Вы — большой поклонник Макинтоша, то это то, что Вам нужно. Меню работает на основе CSS.
8 Навигация с помощью JQuery (Часть I)

Демо | Скачать

Пока это 1-я часть. Ждите следом и 2-ю. Удачи! ;)

Написал: AleX Augu 2009

10 Комментария(-ев) в “Навигация с помощью JQuery (Часть I)”

snake007vNo Gravatar: Augu 15, 2009 в 10:04

Линки пожалуйста _blank. спасибо.

Ответить

AleXNo Gravatar ответил(-а):

Потыкай “Открыть в новой вкладке”. :)

Ответить

ЛеоNo Gravatar: Augu 20, 2009 в 12:43

В 6-ом перепутал текст ссылки. Поменяй местами

Ответить

AleXNo Gravatar ответил(-а):

У меня все гуд. Где я перепутал? О_о

Ответить

ЛеоNo Gravatar: Augu 20, 2009 в 22:05

6. Навигация с эффектом “скольжения”
тут => “Скачать | Демо” Демо ведет на ZIP, а скачать неа HTML страницу

Ответить

AleXNo Gravatar ответил(-а):

А, понял. Спс, поправлю. :)

Ответить

ЛеоNo Gravatar: Augu 22, 2009 в 00:33

http://i058.radikal.ru/0908/ec/b3dc2bbf5255.jpg

Ответить

AleXNo Gravatar ответил(-а):

Странно. У всех кого не спрашиваю — все гуд.

Ответить

ProfessorNo Gravatar: Augu 23, 2009 в 19:25

Прикольно. Надо что нибудь заюзать. Наверно последнее. Он самое красивое. =)

Ответить

AleXNo Gravatar ответил(-а):

Но не практичное. :)

Ответить