Показать сообщение отдельно
  #5 (permalink)  
Старый 04.07.2012, 10:52
Новичок на форуме
Отправить личное сообщение для Nina_2012 Посмотреть профиль Найти все сообщения от Nina_2012
 
Регистрация: 03.07.2012
Сообщений: 4

Спасибо за ответы! Появилась другая идея, пока их смотрела Вроде работает идеально)) Может кому пригодится:
<div id="anim" style="height: 25px; line-height: 25px;" onmouseover="window.run = false" onmouseout="window.run = true;">
    <div id="anim2" style="position: absolute;">
        <a href="#">1111111</a><br />
        <a href="#">2222222</a><br />
        <a href="#">3333333</a>
    </div>
</div>

<script>
    run = true;
    lenSmall = jQuery('#anim').height();
    lenBig = jQuery('#anim2').height();
    jQuery("#anim2").css({'bottom':'-'+(lenBig-2)+'px'});

    function animateNews(){
        if(run){
            lenNow = parseInt(jQuery('#anim2').css('bottom'));
            if(lenNow > lenSmall){
                jQuery("#anim2").css({'bottom':'-'+(lenBig-2)+'px'});
            }else{  // возвращаем блок вниз и цикл заново
                jQuery("#anim2").animate({"bottom": "+=1px"}, 10);
            }
            
            // если прошли на высоту строки и это была не последняя строка, то делаем паузу
            if((lenNow % lenSmall) == 0 && lenNow < lenSmall){
                setTimeout("animateNews()", 1000);
            }else{
                setTimeout("animateNews()", 70);
            }
        }else{
            setTimeout("animateNews()", 70);
        }
    }
    
    animateNews();
</script>
Ответить с цитированием