Скрипт не пашет на Java Script.

**alex45** · 29 мая, 2006

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

Вроде работает, но неправильно.

У меня сначало должен появиться один элемент, после пройти промежуток времени, потом следующий элемент и т.д.А у меня сначала появляются все элементы, только потом проходит промежуток времени. :(

Заранее спасибо.

Скрипт:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>Untitled Document</title>

.title {

color: #000000;

text-decoration: none;

}

#menu {

background-color: #FFFFFF;

position: absolute;

left: 11px;

top: 32px;

width: 200px;

}

#a0 {

width: 100%;

background-color: #999999;

visibility: hidden;

}

#a0 A {

width: 200px;

color: #FFFFFF;

text-decoration: none;

background-color: #999999;

}

#a0 A:hover{

width: 200px;

color: #FFFFFF;

text-decoration: none;

background-color: #CCCCCC;

}

#a1 {

width: 100%;

background-color: #999999;

visibility: hidden;

}

#a1 A {

width: 100%;

color: #FFFFFF;

text-decoration: none;

background-color: #999999;

}

#a1 A:hover{

width: 100%;

color: #FFFFFF;

text-decoration: none;

background-color: #CCCCCC;

}

#a2 {

width: 100%;

background-color: #999999;

visibility: hidden;

}

#a2 A {

width: 100%;

color: #FFFFFF;

text-decoration: none;

background-color: #999999;

}

#a2 A:hover{

width: 100%;

color: #FFFFFF;

text-decoration: none;

background-color: #CCCCCC;

}

#a3 {

width: 100%;

background-color: #999999;

visibility: hidden;

}

#a3 A {

width: 100%;

color: #FFFFFF;

text-decoration: none;

background-color: #999999;

}

#a3 A:hover{

width: 100%;

color: #FFFFFF;

text-decoration: none;

background-color: #CCCCCC;

}

</style>

<!--

function over()

{

var i = -1;

while(i <= 3)

{

i++;

document.getElementById("a"+i).style.visibility="visible";

if (i == 3)

{

break;

}

setTimeout("over()",1000);

}

function out()

{

var i = 4;

while(i >= -1)

{

i--;

document.getElementById("a"+i).style.visibility="hidden";

if (i == 0)

{

break;

}

setTimeout("out()",1000);

}

//-->

</script>

</head>

<body>

<a href="#" class="title" onmouseover="over()" onmouseout="out()">Наведите курсор мыши</a>

</div>

</body>

</html>

Войти

Скрипт не пашет на Java Script.

Рекомендуемые сообщения

alex45

Ссылка на комментарий

Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Создать учетную запись

Войти

Последние посетители 0 пользователей онлайн

Обзор

Активность