Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Стили (CSS) Как сделать всплывающее окно при наведении?

Как сделать всплывающее окно при наведении?


     11.01.2016    Стили (CSS)    724

вопрос
http://shpargalkablog.ru/2011/02/vsplyvayushchiye-podskazki.html

Нашел решение проблемы, но не могу подключить к shortstory.

Хочу сделать, что бы при наведении на картинку новости выпадало окно с коротким описанием и тайтлом.

Помогите или подскажите другие способы реализации.

Ответил: EWB


Окно которое должно появляться:

<div id="window">Привет</div>

Блок на который наводимся, чтобы открылось окно:

<div onmouseover="document.getElementById('window').style.opacity='1';" onmouseout="document.getElementById('window').style.opacity='0';">
...
...
...
</div>

CSS:

#window{
opacity:0;
transition:0.5s;
}

Желательно, конечно окно всплывающее делать с абсолютным позиционированием. Ну а остальное оформление по вкусу.

Комментарии пользователей (1)

EWB
2

EWB - 12 января 2016 15:19 - Юзер

Окно которое должно появляться:

<div id="window">Привет</div>

Блок на который наводимся, чтобы открылось окно:

<div onmouseover="document.getElementById('window').style.opacity='1';" onmouseout="document.getElementById('window').style.opacity='0';">
...
...
...
</div>

CSS:

#window{
opacity:0;
transition:0.5s;
}

Желательно, конечно окно всплывающее делать с абсолютным позиционированием. Ну а остальное оформление по вкусу.

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

 23.01.2014 NeZoX  Стили (CSS)