Всплывающие подсказки на HTML, CSS, JS.
ТЗ - создать HTML-страницу и разместить на ней несколько кнопок. При наведении на кнопку должна появляться подсказка сверху или, если нет места, снизу. <body> <div class="modal1"><button id="btn1">Кнопка 1</button> <div id="podsk1"><p>кнопка 1</p></div></div> </br> <div class="modal2"><div id="podsk2"><p>кнопка 2</p></div> <button id="btn2">Кнопка 2</button></div> <div class="modal3"><div id="podsk3"><p>кнопка 3</p></div> <button id="btn3" >Кнопка 3</button></div> </body> #podsk1, #podsk2, #podsk3{...
196 читали · 1 год назад
Делаем всплывающее сообщение при наведении в CSS
Добрый день. Сейчас рассмотрим такую задачку, когда необходимо посредством CSS добавить всплывающую подсказку на наш сайт. Допустим у нас имеется кнопка такого типа: <button class="btn">Кнопка</button> И нам нужно, чтобы при наведении на эту кнопку появлялась небольшая табличка с описанием такого типа: <span class="btndescription">Описание</span> Итак, приступим. Для начала создаем отдельный блок div для кнопки: <div id="btnblock"> </div> Внутри этого блока вставляем нашу кнопку и описание: <div...
156 читали · 1 год назад
Простая шпаргалка по jQuery для начинающих веб программистов
В прошлых статьях в блоге была упомянута популярная JavaScript-библиотека jQuery. Для тех, кто еще не сталкивался с данным полезным инструментом веб-разработки, я определенно рекомендую уделить время и прочитать сначала вводный материал, а потом и эту дополняющую статью. Для всех других кто уже работал с этой библиотекой, может быть полезно сохранить ссылку чтобы поделиться с начинающими веб программистами - или повторить материал при необходимости. Чуть повторюсь относительно вводной статьи. Вот...