Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы по вёрстке » Отображение содержания краткой новости при наведении курсора на текст

Отображение содержания краткой новости при наведении курсора на текст


     09.12.2013    Block.Pro.2    Все вопросы » Общие вопросы по вёрстке    4459

вопрос
Здравствуйте. Подскажите как можно решить: использую Block Pro 2.5. Использую для вывода в блоке только название новости (которое одновременно является кликабельной ссылкой на саму новость). Как сделать чтобы при наведении курсора на любой из заголовков новостей появлялось краткое описание соответствующей новости? Заранее благодарен!

Ответил: doktorpull


Вот так вот HTML

<div class="title">
    <a href="ссылка на новость">Ссылка на новость</a>
</div>
<div class="news">
    В этот день поздней весной в Сан-Диего несколько команд Главной лиги пропускали через жернова просмотра группу подающих надежды спортсменов. И если в воздухе витало чуть больше напряжения и драматизма, то лишь потому, что на дворе стоял 1980 год и риски, связанные с подготовкой бейсболистов, возросли.
</div>


и вот это в СSS



.news{
    display:none;
}

.title:hover + .news{display:block;}


Наглядный пример можно глянуть тут ссылка

3 комментария

kaster1980
Юзер

kaster1980 - 9 декабря 2013 18:51 -

спасибо, но немножко не то.

doktorpull
Юзер

doktorpull - 9 декабря 2013 19:06 -

ну как ты и написал, разве нет?

vitnet
PHP-developer

vitnet - 10 декабря 2013 10:39 -

Так с помощью CSS правьте как вам нужно, вариантов море

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

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

наверх