Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 12.07.2009, 17:12
Новичок на форуме
Отправить личное сообщение для Большой джо Посмотреть профиль Найти все сообщения от Большой джо
 
Регистрация: 12.07.2009
Сообщений: 1

Проблема, в менюшке
Вот делаю менюшку которая выезжает и заезжает, при помощи мыши, тоесть навёл курсор она выехала, отвёл она заехала, так вот такая проблема, навёл мышку, она выехала, если вставить какой нить объект, в div менюшки, она тупит, не пойму в чём проблема подскажите плиз
<html>
<head>
<script language=javascript>

function nav_scroll(){document.getElementById("example").style.top=document.body.scrollTop+document.body.clientHeight-document.getElementById("example").offsetHeight;}
function delta(progress) {return 1 - Math.sin((1 - progress) * Math.PI/2);}

from1=20;to1=200;
from2=200;to2=20;
function anim_viem()
{
var element = document.getElementById("example");
var from = from1;
var to = to1;
var duration = 600;
var start = new Date().getTime();
setTimeout(function() {
    var now = (new Date().getTime()) - start;
    var progress = now / duration;
    var result = (to - from) * delta(progress) + from;
    from2=result;
    element.style.height = result + "px";
    element.style.top=document.body.scrollTop+document.body.clientHeight-element.offsetHeight;
    if (progress < 1)
        setTimeout(arguments.callee, 1);
}, 10);
}

function anim_hide()
{
var element = document.getElementById("example");
var from = from2;
var to = to2;
var duration = 600;
var start = new Date().getTime();
setTimeout(function() {
    var now = (new Date().getTime()) - start;
    var progress = now / duration;
    var result = (to - from) * delta(progress) + from;
    from1=result;
    element.style.height = result + "px";
    element.style.top=document.body.scrollTop+document.body.clientHeight-element.offsetHeight;
    if (progress < 1)
        setTimeout(arguments.callee, 1);
}, 10);
}

</script>
</head>
<body onscroll="nav_scroll()">
<div style="border:2px solid black;height:20px;" onmouseout="anim_hide()" onmouseover=anim_viem() id="example">
<font>Проблема</font>
</div>
</body>
</html>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
проблема с сабмит mapt Events/DOM/Window 1 15.06.2009 13:45
Проблема спама lliberty AJAX и COMET 1 12.03.2009 16:47
проблема с обработкой DIV nerik AJAX и COMET 2 22.08.2008 17:40
Проблема с маркером kostian02 Общие вопросы Javascript 0 23.06.2008 16:10
проблема с передачей русского текста в Prototype subaru Prototype & script.aculo.us 2 26.07.2007 16:56