Перейти до основного вмісту

Публікації

Показано дописи з серпень, 2021

Просте випадне горизонтальне меню на блоках

Якщо меню вашого сайту містить посилання як на його сторінки так і на підсторінки, тоді доречним буде створення відповідного типу меню, яке б відображувало структуру сайту й забезпечувало швидкий перехід одразу на потрібну сторінку. Реалізувати таке можна за допомогою випадного меню, коли при наведенні вказівника миші на один з його пунктів розкриватимуться інші підпункти. Один з простих варіантів - використати блокову розмітку. Отже, принцип такий: кожний пункт меню розміщуємо в одному блоці, а підменю - в другому. Блок з підменю приховуємо, а потім, при наведенні вказівника мишки на перший блок забезпечимо відображення другого. ➊ Створюємо головний блок, в якому розмістяться ще два блоки нашого горизонтального меню: <div id="container">     <div id="first"></div>     <div id="second"></div> </div> Назвемо головний блок container , а вкладені блоки - first і second