Различия

Показаны различия между двумя версиями страницы.

--- software:development:demo:responsive_site_layout_book [2024/03/08 21:17] – [5. Блок <footer>] vladpolskiy
+++ software:development:demo:responsive_site_layout_book [2024/03/08 21:19] (текущий) – [13. Код скрипта для мобильного меню] vladpolskiy
@@ Строка 622: / Строка 622: @@
   - **%%</script>%%** <color #22b14c>- конец подключение файла скрипта.</color>
 :#
-====13. Код скрипта для мобильного меню====
-Данный скрипт работает при ширине окна браузера менее 768px, откройте "Пояснительную записку" для понимания кода скрипта.
-<code javascript JS>
-$('.nav-toggle').on('click', function(){
-  $('#menu').toggleClass('active');
-});
-</code>
-#: Пояснительная записка
-  - **%%$('.nav-toggle').on('click', function(){
-  $('#menu').toggleClass('active');
-});%%** <color #22b14c>- в теле **%%<header>%%** -> таблицы стиля CSS **%%.nav-toggle%%** -> блока скрытого меню **%%<div class="nav-toggle"><span></span></div>%%** имеет значение таблицы стиля CSS **%%display: none;%%** (т.е. скрыт по умолчанию и появляющейся при ширине странице меньше 768px) -> нажатие кнопки блока показа/скрытия главного меню -> стиль CSS **%%#menu%%** активный, т.е. будет показано скрытое меню -> (стиль CSS **%%#menu.active%%**).</color>
-:#
 ====14. Архив файлов примера====
 Все файлы данного примера включая все скрипты и таблицы шрифтов и иконок упакованы в архив и доступны для скачивания.\\
 <color #ed1c24>Вам необходимо поменять пути к файлам, согласно будущего месторасположения папок и файлов на вашем сервере.</color>\\
 {{:software:development:demo:book.rar|rar arhiv book 409kb}}