Форум PHP программистов > Раскрывающийся список (выпадающее меню)

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: Раскрывающийся список (выпадающее меню)

kattt

9.02.2009 - 12:49

Не знаю, где спрашивать, поэтому спрошу здесь. Вот скажите, есть возможность сделать такую штучку, чтобы при наведении на картинку, вываливались еще несколько. На js знаю как, но этот вариант в моем случае не приемлем. Если вдруг у кого окажется пример, буду признательна

Спустя 21 минута, 7 секунд (9.02.2009 - 12:10) stepan написал(а):

спомощью css

Спустя 3 часа, 45 минут, 4 секунды (9.02.2009 - 15:55) Sylex написал(а):

Цитата (stepan @ 9.02.2009 - 15:10)

спомощью css

интересно как?

Спустя 12 минут, 27 секунд (9.02.2009 - 16:08) Alchemist написал(а):

http://www.cssplay.co.uk/menus/

выбирай на вкус и цвет

Спустя 4 минуты, 14 секунд (9.02.2009 - 16:12) LoneCat написал(а):

Цитата (Sylex @ 9.02.2009 - 16:55)

интересно как?

Я думаю что-то вроде:

HTML

<html>
<head>
<style>

#menu {
height: 25px;
}

a.menu {
display: block;
position: absolute;
width: 100px;
height: 25px;
color: white;
overflow: hidden;
line-height: 25px;
float: left;
}

a.menu:hover {
height: 100px;
}

a#menu1 {
background-color: red;
}

a#menu2 {
background-color: green;
margin-left: 100px;
}

a#menu3 {
background-color: blue;
margin-left: 200px;
}

#text {
background-color: white;
clear: both;
}

</style>
</head>
<body>
<div id="menu">
<div id="menu1" class="menu">
Первое меню<br />
* Пункт 1<br />
* Пункт 2<br />
* Пункт 3<br />
</div>
<div id="menu2" class="menu">
Второе меню<br />
* Пункт 1<br />
* Пункт 2<br />
* Пункт 3<br />
</div>
<div id="menu3" class="menu">
Третье меню<br />
* Пункт 1<br />
* Пункт 2<br />
* Пункт 3<br />
</div>
</div>
<div id="text">Здесь левый текст</div>
</body>
</html>

Спустя 7 минут, 58 секунд (9.02.2009 - 16:20) sergeiss написал(а):

Цитата (Alchemist @ 9.02.2009 - 16:08)

http://www.cssplay.co.uk/menus/

выбирай на вкус и цвет

Зашел, посмотрел... "Афигеть, дайте два!"

Я в CSS пока не особо вникал. А тут даже понял, как эта фигня работает. И ведь просто, очень просто делается!!!

Спустя 2 часа, 19 минут, 57 секунд (9.02.2009 - 18:40) Sylex написал(а):

LoneCat
привел бы хоть рабочий вариант:)

ТС писал:

Цитата

при наведении на картинку, вываливались еще несколько

по-моему убьешься CSS-ками делать

Спустя 27 минут, 31 секунда (9.02.2009 - 19:08) LoneCat написал(а):

Цитата (Sylex @ 9.02.2009 - 19:40)

привел бы хоть рабочий вариант:)

Вариант рабочий, просто не во всех браузерах, в Oper'е и Chrom'е работает, в Firefox'е и IE - нет, что еще можно ждать от примера набитого навскидку

Быстрый ответ:

Здесь расположена полная версия этой страницы.