Главная » Создание сайтов » Верстка » “Выползающее” меню

“Выползающее” меню

menu, vipolzauschee, vypolzayushhee menyu, menyu, vypolzayushhee, form, форма, объект, меню, выползающие, выползающие менюВ предыдущей статье об jQuery, мы узнали, что из себя представляет данный фреймворк а также научились подключать его на страницу сайта.
Теперь, давайте рассмотрим простейший пример использования: создадим «выползающее» меню или другими словами Slide Panel.

Реализуем это следующим образом, по клику на ссылку, у нас будет переключаться её класс (между “active” и “btn-slide”), а панелька с id=”panel” будет выдвигаться/прятаться. (класс “active” изменяет позицию фонового изображения, см. CSS файл во вложении).
$(document).ready(function(){
$(".btn-slide").click(function(){
$("#panel").slideToggle("slow");
$(this).toggleClass("active");
});
});

С уважением, Vasilenko Ivan!

Комментарии — 5 комментариев

  1. #11 WebMast в 8:13, 3 октября 2008:

    Ответить | Цитировать

    Крсивоенько ;).

  2. #13 Петруха в 14:47, 4 октября 2008:

    Ответить | Цитировать

    глаз... Или мозг автора не упустил деталей

  3. #388 AlexPTS в 7:26, 15 февраля 2009:

    Ответить | Цитировать

    А где посмотреть пример?

  4. #389 AlexPTS в 7:27, 15 февраля 2009:

    Ответить | Цитировать

    А вы мне в аську не писали по поводу этого примера? Я что-то подобное кому-то помогал делать...

  5. #397 admin в 9:44, 15 февраля 2009:

    Ответить | Цитировать

    нет, не спрашивал, пример bitby.net/wp-demo/Slide_Panel.html

Добавить комментарий

имя:

e-mail:

сайт:

текст:

Subscribe without commenting