Выдвигающееся меню

ШТ
На сайте с 19.08.2006
Offline
25
3176

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

вод код

<script language="JavaScript">

var eypos=-200, ejump=-4;
var typos=-260, tjump=-4;
var delay=2;
function do_menue()

{

if(typos>-260)

{

tjump=-4;

if(typos>=130)

head_fahren();

}

ejump=-ejump;
if(eypos<=-200 || eypos>=20)
menue_fahren();

}

function menue_fahren()

{

if(document.layers) document.menue.top=eypos; else document.all.menue.style.top=eypos;
eypos+=ejump;
if(eypos>-200 && eypos<20)
setTimeout("menue_fahren()", delay);

}

function do_head()
{
if(eypos>-200)
{
ejump=-4;
if(eypos>=20)
menue_fahren();

}
tjump=-tjump;
if(typos<=-260 || typos>=130)
head_fahren();

}

function head_fahren()

{

if(document.layers) document.head.top=typos; else document.all.head.style.top=typos;

typos+=tjump;

if(typos>-260 && typos<130)

setTimeout("head_fahren()", delay);

}

</script>

<div style="position:absolute; z-index:2; left:300;">

<a href="javascript:do_menue()">Нажми здесь!</a></div>
<BR>
<div id=menue style="position:absolute; top:-200; left:100; z-index: 2;">
<A ONMOUSEOVER="window.status='Link 1' ;return true" HREF="" target="dummy">[Link 1]</a><br>
<A ONMOUSEOVER="window.status='Link 2' ;return true" HREF="" target="dummy">[Link 2]</a><br>
<A ONMOUSEOVER="window.status='Link 3' ;return true" HREF="" target="dummy">[Link 3]</a><br>
<A ONMOUSEOVER="window.status='Link 4' ;return true" HREF="" target="dummy">[Link 4]</a><br>
<A ONMOUSEOVER="window.status='Link 5' ;return true" HREF="" target="dummy">[Link 5]</a><br>
<A ONMOUSEOVER="window.status='Link 6' ;return true" HREF="" target="dummy">[Link 6]</a><br>
<A ONMOUSEOVER="window.status='Link 7' ;return true" HREF="" target="dummy">[Link 7]</a>
</div>
Vitо
На сайте с 17.07.2007
Offline
25
#1

А что конкретно не работает?

Сделайте 2 ссылки

<div style="position:absolute; z-index:2; left:300;">

<a href="javascript:do_menue()">Нажми здесь!</a>

</div>

и

<div style="position:absolute; z-index:2; left:600;">

<a href="javascript:do_menue()">Нажми лучше меня!</a>

</div>

В чем проблема то?

Онлайн школа покера (http://www.pokermoscow.ru/school/)
ШТ
На сайте с 19.08.2006
Offline
25
#2

вы сами результат видели? когда делаеш так, то вообще ничего не выезжает

Vitо
На сайте с 17.07.2007
Offline
25
#3

У меня в IE, FF и опере замечательно красивенько так выезжают

Vitо
На сайте с 17.07.2007
Offline
25
#4

С этим кодом:

<script language="JavaScript">

var eypos=-200, ejump=-4;
var typos=-260, tjump=-4;
var delay=2;
function do_menue()

{

if(typos>-260)

{

tjump=-4;

if(typos>=130)

head_fahren();

}

ejump=-ejump;
if(eypos<=-200 || eypos>=20)
menue_fahren();

}

function menue_fahren()

{

if(document.layers) document.menue.top=eypos; else document.all.menue.style.top=eypos;
eypos+=ejump;
if(eypos>-200 && eypos<20)
setTimeout("menue_fahren()", delay);

}

function do_head()
{
if(eypos>-200)
{
ejump=-4;
if(eypos>=20)
menue_fahren();

}
tjump=-tjump;
if(typos<=-260 || typos>=130)
head_fahren();

}

function head_fahren()

{

if(document.layers) document.head.top=typos; else document.all.head.style.top=typos;

typos+=tjump;

if(typos>-260 && typos<130)

setTimeout("head_fahren()", delay);

}

</script>


<div style="position:absolute; z-index:2; left:300;">
<a href="javascript:do_menue()">Нажми здесь!</a></div>
<div style="position:absolute; z-index:2; left:600;">
<a href="javascript:do_menue()">Нажми здесь!</a></div>
<BR>
<div id=menue style="position:absolute; top:-200; left:100; z-index: 2;">
<A ONMOUSEOVER="window.status='Link 1' ;return true" HREF="" target="dummy">[Link 1]</a><br>
<A ONMOUSEOVER="window.status='Link 2' ;return true" HREF="" target="dummy">[Link 2]</a><br>
<A ONMOUSEOVER="window.status='Link 3' ;return true" HREF="" target="dummy">[Link 3]</a><br>
<A ONMOUSEOVER="window.status='Link 4' ;return true" HREF="" target="dummy">[Link 4]</a><br>
<A ONMOUSEOVER="window.status='Link 5' ;return true" HREF="" target="dummy">[Link 5]</a><br>
<A ONMOUSEOVER="window.status='Link 6' ;return true" HREF="" target="dummy">[Link 6]</a><br>
<A ONMOUSEOVER="window.status='Link 7' ;return true" HREF="" target="dummy">[Link 7]</a>
</div>
ШТ
На сайте с 19.08.2006
Offline
25
#5

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

а в вашем примере выезжает одно и тоже

ШТ
На сайте с 19.08.2006
Offline
25
#6

больше никто помочь не может? :'(

Lazy
На сайте с 11.11.2005
Offline
59
#7

Вот пару статеечек. Почитайте, возможно это поможет.

На английском

http://www.tjkdesign.com/articles/dropdown/

http://www.htmldog.com/articles/suckerfish/dropdowns/ - очень хорошая статья!

На русском

http://www.webmascon.com/topics/coding/42a.asp

Лучшее - враг хорошего!
ШТ
На сайте с 19.08.2006
Offline
25
#8

спасибо, обязательно прочитаю

зы. уважаемый ixRock, благодарю вас за минус в репутацию

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий