Multi-ниво падащото меню с помощта на CSS3, Rudebox
В днешния урок ще разгледаме една прекрасна техника, която помага да спестите място на сайта си, а именно в падащото меню на много нива, което ще спести много на сайта, потребителят е интуитивно ясно, че следва подчинен елемент. Благодарение на тази навигация, можете да намалите количеството информация, показани на сайта на в същото време качеството на неговото издаване. Този пример е предназначен изключително с CSS. Също така, ние добавихме и версията с помощта на JQuery.
За да се получи такава функция, ние използвахме някои ви познати от училище по-рано, а именно псевдо-класа: проверени. И така, нека да започнем.
Стъпка 1. HTML
HTML структура е съвсем проста: акордеона е неподреден списък. Ако елементът има прикачени файлове, а след това добавете [тип = отметката] името на входния сигнал. Просто зададете този елемент клас .has-деца. Всички "стандартни" елементи съдържат списък Ref:
- Gigabajt: Здравейте. Свържете се с нашата компания-Nevozmozhnogo.rf Bureau - помощ. ).
- Sinaps: Въпросът е какво? И други виждат нещо, което някой рисува? Той е подходящ за споделяне.
- Игор Льоб: затворен)
- лас: но тъй като тя се добавя към сайта.
- Давид: Благодаря ви за намек)
- Опърничавата: Гражданите имат никаква стойност мишка е сред най-лупа! За да премахнете стрелката, е необходимо да се добави .example курсора.
- serj_ben: Благодаря ви много) коригира!
- DiCorp: Здравейте. Според невъзможността да пиша ти пиша тук. Забелязах, малък сайт kosyachki. 1) К