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

Код

<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>

В результате все заезжает друг на друга. Подскажите как исправить, чо бы в нужный момент все сдвигалось вниз и возвращалось обратно.

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

I, GyoZ
Напиши пожалуйста пример, а то у меня все равно ничего не получается!

Код

<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>

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

Спасибо!!! А еще вопросик: как долго это будет грузиться?

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