Цікаве меню для сайту в стилі акордеону
Сьогодні в уроці йтиметься про створення гарного меню для Вашого сайту.
На нашому сайті вже було розказано про безліч різних меню. Але це меню не гірше інших, і тому також заслуговує на увагу.
Усі посилання, які мають знаходитися в меню, необхідно оформити наступним чином:
Як Ви бачите тут, посилання розбиті по розділах (тобто спочатку йде загальний розділ - при натисканні на нього випадають посилання саме з цього розділу). Також нам обов'язково необхідно вставити наступний фрагмент коду між тегами:
У цьому коді ми підключаємо jQuery, функцію меню та таблицю стилів (у ній, за бажанням, можна легко змінити вигляд такого меню).
У цьому прикладі ми створили меню, в якому при натисканні на загальний розділ випадають посилання саме з цього розділу. Для того, щоб вони зникли, потрібно знову натиснути на загальний розділ. Іноді це може бути дуже незручно. І саме для цієї ситуації в архіві з вихідними джерелами знаходиться також файл menu.js. Якщо Ви його використовуєте замість файлу menu-collapsed.js у коді зверху, тоді при натисканні на інший загальний розділ меню, поточний розділ автоматично згортається (демо версія такого меню знаходиться тут).
Дякую за увагу! Усього найкращого всім!
Даний урок підготовлений для вас командою сайту.
5 останніх уроків рубрики "jQuery"
Анімація набір тексту на jQuery
Сьогодні ми хотіли б вам розповісти про бібліотеку TypeIt — безкоштовний jQuery плагін. З її допомогою можна імітувати набір тексту. Якщо все налаштувати правильно, то можна досягти дуже реалістичногоефекту.
Тимчасова шкала на jQuery
jQuery плагін для створення тимчасової шкали.
Малюємо діаграму Ганта
jQuery плагін для створення діаграми Ганта.
AJAX та PHP: завантаження файлу
Приклад того, як здійснити завантаження файлу через PHP і jQuery ajax.