VPF::Выпадающее меню с заменой текста

Britanskiy

Дата 3.1.2011, 20:58 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 5
Регистрация: 3.1.2011

Репутация: нет
Всего: нет

Здравствуйте!
Меня зовут Юрий. У меня есть свой сайт. У меня возникла сложность в разработке.
Только прошу не думайте что я не умею делать выпадающее меню.
Сложность заключается в том что мне при наведение на +(плюс) надо один текст заменить на другой.
Попробую объяснить. Есть главные разделы меню, под ними есть описание и картинка. Маленька png картинка в виде плюсика.
Мне надо что бы человек при наведение на этот плюс получил следующее:
1) изчез текст - описание
2) изчезла картинка +(плюс)
3) выпадало под меню

Меню до наведения на +(плюс):
user posted image

Меню после навдения на +(плюс):
user posted image

За ранее благодарю за ответы.
С Уважением, Юрий Британаский.

Amphiluke

Дата 3.1.2011, 21:34 (ссылка)

(нет голосов)

Загрузка ...

☽

Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

Репутация: 9
Всего: 112

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
    dd ul {
        display:none;
    }
    dd:hover a.summary {
        display:none;
    }
    dd:hover ul {
        display:block;
    }
</style>
</head>

<body>
    <dl>
        <dt>Главная</dt>
        <dd>
            <a href="#" class="summary">Просмотр главных событий<br /><img src="plus.png" alt="" /></a>
            <ul>
                <li><a href="#">Новости</a></li>
                <li><a href="#">События</a></li>
                <li><a href="#">Обсуждения</a></li>
                <li><a href="#">Курс валют</a></li>
                <li><a href="#">Погода</a></li>
            </ul>
        </dd>
    </dl>
</body>
</html>

Добавлено через 4 минуты и 43 секунды
Либо — добро пожаловать в ветку Javascript.

Britanskiy

Дата 3.1.2011, 22:15 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 5
Регистрация: 3.1.2011

Репутация: нет
Всего: нет

Amphiluke,
Спасибо за ответ.
Я забыл написать что при наведение на плюс когда выскакивает дополнительное меню оно должно оставаться, а не скрываться обратно.
smile

Amphiluke

Дата 3.1.2011, 22:21 (ссылка)

(нет голосов)

Загрузка ...

☽

Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

Репутация: 9
Всего: 112

То есть когда пользователь наводит однократно на плюс, то меню вываливается, а затем когда опять убирает указатель мыши в сторону, то выпавшее меню не должно скрываться?
Ну тогда, ИМХО, только Javascript. smile

Это сообщение отредактировал(а) Amphiluke - 3.1.2011, 22:21

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »