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

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


     11.01.2016    Все вопросы » Стили (CSS)    5210

вопрос
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
Юзер

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)
наверх