06:44
1,0×
00:00/06:44
543,9 тыс смотрели · 4 года назад
197 читали · 1 год назад
Делаем всплывающее сообщение при наведении в CSS
Добрый день. Сейчас рассмотрим такую задачку, когда необходимо посредством CSS добавить всплывающую подсказку на наш сайт. Допустим у нас имеется кнопка такого типа: <button class="btn">Кнопка</button> И нам нужно, чтобы при наведении на эту кнопку появлялась небольшая табличка с описанием такого типа: <span class="btndescription">Описание</span> Итак, приступим. Для начала создаем отдельный блок div для кнопки: <div id="btnblock"> </div> Внутри этого блока вставляем нашу кнопку и описание: <div...
694 читали · 3 года назад
Урок 66. Справочная информация для пользователей - часть 1
Добрый вечер. Сегодня рассмотрим такой механизм как справка по работе с объектом для пользователя, которая может вызываться по нажатию на специальную кнопку или используя горячие клавиши, а так же основной механизм - вызов формы справочной информации. Первый способ. Откроем форму справочника и добавим на форму элемента декорацию (Рисунок 1). В свойствах этой декорации укажем картинку (Рисунок 2). Укажем текст подсказки и тот момент, когда эта подсказка должна показываться (Рисунок 3). Запустим пользователя и проверим изменения (Рисунок 4)...
Всплывающие подсказки на 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{...