9

Главная - css - Тема : hover

Показать блок при наведении css

Пример работы скрипта : «Показать блок при наведении css»
Скрипт № 63.4
Cкачать архив «Показать блок при наведении css»
Всего скачали 6 раз/а.

Как показать блок при навдении!? Этот эффект появления блока очень часто используется в выводе втрого уровня в меню.
Когда наводят по одной кнопке и выходит дополнительное меню относительно это подтемы!
Как это делается!?
Разберем самый прсотой пример - нам нужно будет такая конструкция:
<div class="example"> Наведи на меня
<div class="first"></div>
</div>

Далее ... немнго стилей... и получим вот такой результат : появление блока при навдении на... не важно что, текст, болок ссылку и т.д...

.example:hover .first{display:block;} .first {
width: 50px;
height: 50px;
background: antiquewhite;
display: none;
}
.example {
width: 107px;
}
Результат:
Наведи на меня

P.S. Этот, эти примеры и вообще весь сайт делается для того, чтобы вы могли понять, как это должно работать!
Потому, что я помню, как сам барахтался в этом море информации!
Не забывай о ближних своих!
Помогай им!
И не забывай тех, кто помог тебе!
Просто скажи спасибо!
Любая твоя реакция, на представление материалы очень важна для нас!
Не молчи! напиши что-то!(В рамках приличия конечно)


Нашел ошибку - напиши в коментах! У нас происходит большая чистка контента и приведение его к одному шаблону!
Если увидел ошибку – не поленись – напиши в коментах!
Мы очень Вам благодатны за вашу активную позицию!
Поделиться :
Оставить комментарий:
Всего комментариев : 0 PRO DW
Я не робот
PRO DW
Проголосовать: (Рейтинг звездный)
Еще никто не проголосовал
Может послушаем немного музыки!?