Анимация движения
Здравствуйте.
Подскажите пожалуйста. Есть 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 |
animate({top:"+=*!*this*/!*"} :blink: Вы же присваиваете тупо текст, а не переменную. Предположу: animate({top:"+="+this} |
Цитата:
|
Часовой пояс GMT +3, время: 07:11. |