Интересно меню за сайт в стил акордеон
Днес в урока ще говорим за създаването на красиво меню за вашия сайт.
На нашия уебсайт вече е разказано за безброй различни менюта. Но това меню не е по-лошо от останалите и следователно също заслужава внимание.
Всички връзки, които трябва да бъдат в менюто, трябва да бъдат форматирани по следния начин:
Както можете да видите, връзките тук са разделени на секции (т.е. общият раздел е на първо място - когато щракнете върху него, връзките от този конкретен раздел отпадат). Също така трябва да вмъкнем следния кодов фрагмент между таговете:
В този код включваме 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.