Показать сообщение отдельно
  #1 (permalink)  
Старый 25.07.2011, 14:40
Аватар для Armen
Кандидат Javascript-наук
Отправить личное сообщение для Armen Посмотреть профиль Найти все сообщения от Armen
 
Регистрация: 28.06.2009
Сообщений: 120

Анимация движения
Здравствуйте.
Подскажите пожалуйста.
Есть 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

Последний раз редактировалось Armen, 25.07.2011 в 14:45.
Ответить с цитированием