Интересно меню за сайт в стил акордеон

Днес в урока ще говорим за създаването на красиво меню за вашия сайт.

На нашия уебсайт вече е разказано за безброй различни менюта. Но това меню не е по-лошо от останалите и следователно също заслужава внимание.

акордеон
меню

Всички връзки, които трябва да бъдат в менюто, трябва да бъдат форматирани по следния начин:

Както можете да видите, връзките тук са разделени на секции (т.е. общият раздел е на първо място - когато щракнете върху него, връзките от този конкретен раздел отпадат). Също така трябва да вмъкнем следния кодов фрагмент между таговете:

В този код включваме jQuery, функция на менюто и стилов лист (в който, ако желаете, можете лесно да промените външния вид на такова меню).

В този пример създадохме меню, в което, когато щракнете върху общ раздел, връзките от този раздел отпадат. За да изчезнат, трябва отново да кликнете върху общия раздел. Понякога това може да бъде много неудобно. И именно за тази ситуация файлът menu.js също е в изходния архив. Ако го използвате вместо файла menu-collapsed.js в кода по-горе, тогава, когато щракнете върху друг общ раздел на менюто, текущият раздел автоматично ще се свие (демонстрация на такова меню е тук).

Благодаря за вниманието! Всичко добро на всички!

Този урок е подготвен за вас от екипа на ruseller.com Източник на урока: www.i-marco.nl Превод: Максим Шкурупий Урокът е създаден: 16 май 2009 г. Преглеждания: 107626 Правила за препечатване

5 последни урока от рубриката "jQuery"

jQuery анимация за писане

Днес бихме искали да ви разкажем за библиотеката TypeIt, безплатен плъгин за jQuery. С негова помощ можете да симулирате писане. Ако всичко е настроено правилно, можете да постигнете много реалистичноефект.

Хронология с jQuery

jQuery плъгин за времева линия.

Начертайте диаграма на Гант

jQuery плъгин за диаграма на Гант.

AJAX и PHP: Качване на файл

Пример за това как да качите файл с помощта на PHP и jQuery ajax.