Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Выпадающее меню, не понимаю... 
:(
    Опции темы
vio
  Дата 12.1.2005, 11:55 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



У меня есть код
Код

<style>
.hidden {position: absolute; visibility: hidden;}
.visible {position: absolute; visibility: visible; z-index: 2; bgcolor:red;}
</style>

<script language="JavaScript">
function showObject(obj) {
obj.className = "visible"
}
function hideObject(obj) {
obj.className = "hidden"
}
</script>
</HEAD>

<body topmargin=0 leftmargin=0>


<div style="position: absolute; top: 20px; left: 20px;"
onmouseover="javascript:showObject(Nav1)"
onmouseout="javascript:hideObject(Nav1)">
<font>НАВЕДИ МЫШЬ :)</font>
</div>

<div id="Nav1" class="hidden"
style="position: absolute; top: 40px; left: 20px;"
onmouseover="javascript:showObject(Nav1)"
onmouseout="javascript:hideObject(Nav1)">
<br>
<font>1</font>
<br>
<font>2</font>
<br>
<font>3</font>
</div>

<div style="position: absolute; top: 60px; left: 20px;"
onmouseover="javascript:showObject(Nav2)"
onmouseout="javascript:hideObject(Nav2)">
<font>наведи мышь2</font>
</div>

<div id="Nav2" class="hidden"
style="position: absolute; top: 80px; left: 20px;"
onmouseover="javascript:showObject(Nav2)"
onmouseout="javascript:hideObject(Nav2)">
<br>
<font>1</font>
<br>
<font>2</font>
<br>
<font>3</font>
</div>


В результате все заезжает друг на друга. Подскажите как исправить, чо бы в нужный момент все сдвигалось вниз и возвращалось обратно.
PM MAIL   Вверх
Bangladesh
Дата 13.1.2005, 02:49 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


AsBest
***


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

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



усе очень просто. убери из <style> поле .visible


--------------------
ок
PM MAIL WWW ICQ Skype   Вверх
vio
Дата 19.1.2005, 21:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



I, GyoZ
Напиши пожалуйста пример, а то у меня все равно ничего не получается!
PM MAIL   Вверх
Bangladesh
Дата 20.1.2005, 01:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


AsBest
***


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

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



Код

<html>
<head><title>МайТЕСТ</title>
<style>
.hidden {position: absolute; visibility: hidden;}
</style>

<script language="JavaScript">
function showObject(obj) {
obj.className = "visible"
}
function hideObject(obj) {
obj.className = "hidden"
}
</script>
</HEAD>

<body topmargin=0 leftmargin=0>


<div
onmouseover="javascript:showObject(Nav1)"
onmouseout="javascript:hideObject(Nav1)">
<font size=2><a href=#>Твоя ссылка 1<br></a></font></div>
<div id="Nav1" class="hidden"
onmouseover="javascript:showObject(Nav1)"
onmouseout="javascript:hideObject(Nav1)">
<font size=1>Твой подраздел 1</font><br>
<font size=1>Твой подраздел 2</font><br>
<font size=1>Твой подраздел 3</font><br>
</div>
<br><Br>
<div
onmouseover="javascript:showObject(Nav2)"
onmouseout="javascript:hideObject(Nav2)">
<font><a href=#><font size=2>Твоя ссылка 2</font></a></font></div>
<div id="Nav2" class="hidden"
onmouseover="javascript:showObject(Nav2)"
onmouseout="javascript:hideObject(Nav2)">
<font size=1>Твой подраздел 1</font><br>
<font size=1>Твой подраздел 2</font><br>
<font size=1>Твой подраздел 3</font><br>
</div>


</doby>
</html>


только это надо обязательно огораживать таблицей, а то он при наведении мышки на строку уже выдвигает: допустим если у тебя меню слева, а ты проводишь на этой строке справа, то меню слева выдвигается


--------------------
ок
PM MAIL WWW ICQ Skype   Вверх
vio
Дата 20.1.2005, 22:13 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



Спасибо!!! А еще вопросик: как долго это будет грузиться?
PM MAIL   Вверх
Bangladesh
Дата 21.1.2005, 01:14 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


AsBest
***


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

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



это будет грузиться very, very быстро... потому, что это гипертекст smile


--------------------
ок
PM MAIL WWW ICQ Skype   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0671 ]   [ Использовано запросов: 20 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.