Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Анимация движения (https://javascript.ru/forum/jquery/19070-animaciya-dvizheniya.html)

Armen 25.07.2011 14:40

Анимация движения
 
Здравствуйте.
Подскажите пожалуйста.
Есть html
<div id="header-r1">
        <div id="left-r1">
            <h1 id="title-r1">This course contains<br /> the following topics:</h1>
            <hr id="line-r1" />
            <div id="allList-r1">
            	<div id="playDiv-r1">
                	<span id="playSpan-r1"></span>
                </div>
                <ul id="lists-r1">
                    <li class="list-r1">Alcohol And Drugs</li>
                    <li class="list-r1">Becoming Familiar With Your Vehicle</li>
                    <li class="list-r1">Defensive Driving Techniques</li>
                    <li class="list-r1">Driving In Bad Weather</li>
                    <li class="list-r1">Driving Privileges</li>
                    <li class="list-r1">Laws And Rules Of The Road</li>
                    <li class="list-r1">Road Rage</li>
                    <li class="list-r1">Seat Belts</li>
                    <li class="list-r1">Sharing The Road</li>
                    <li class="list-r1">Signs, Signals, and Markings</li>
                    <li class="list-r1">Space Management</li>                
                </ul>
			</div> <!-- end #allList-r1 -->               
        </div> <!-- end #left-r1 -->
        <div id="right-r1">
            <img src="images/img.jpg" height="400" width="540" />
        </div> <!-- end right-r1-->
    </div> <!-- end #header-r1 -->

И jQuery
jQuery(function()
{
	$.pushCoords = function ()
	{		
		var arrCoords = [];
		
		$('.list-r1').each(function()
		{
			var obj = $(this).position();
			var msg = obj.top;			
			arrCoords.push(msg);
		})
		
		$.each(arrCoords, function()
		{
			$('#playDiv-r1').animate({top:"+=this"}, 1500)	
		})	
	}
	$.pushCoords()		
})

Проблема в том, что нужно, чтоб див с id="playDiv-r1" должен начать передвигать по оси Y сверху вниз , используя при этом координаты из массива arrCoords, но у меня почему то див вообще стоит на месте.
Подскажите пожалуйста, что не так в коде.
Чуть не забыл. <div id="playDiv-r1"> в цсс имеет position:absolute

walik 25.07.2011 14:53

animate({top:"+=*!*this*/!*"}

:blink:
Вы же присваиваете тупо текст, а не переменную.
Предположу:
animate({top:"+="+this}

Armen 25.07.2011 14:54

Цитата:

Сообщение от walik (Сообщение 115294)
animate({top:"+=*!*this*/!*"}

:blink:

ТАк я так и написал в коде, а что не так ?


Часовой пояс GMT +3, время: 07:11.