$(document).ready(function() {
var y = '+=1';
var x = '+=1';
var i = 0;
for (i=0;i<500;i++)
{
$("p").text(i);
tx=$('#book').css('top');
ty=$('#book').css('left');
tx1 = tx.replace("px", "");
ty1 = ty.replace("px", "");
if (ty1 > 100)
{
y = '-=1';
} else
{
y = '+=1';
}
if(tx1 > 100)
{
x = '-=1';
} else
{
x = '+=1';
}
$('#book').animate(
{
opacity: 0.25,
top:x,
left: y
}, 1, function() {
// alert($('#book').css('top'));
// Animation complete.
});
}
//});
});
Грубо говоря эта функция должна проверять каждый раз условие на зашел ли элемент за границу, а получается что выполняется сначала строчка $("p").text(i); , а только потом анимация и то без проверки условий, короче говоря порядок выполнения неправильный! надеюсь ясно что я хочу получить в итоге