помогите нужно плавное перемещение test к p или просто в центр по onclick или при старте читал
http://learn.javascript.ru/animation-0 не разобрался желательно просто объяснить как это сделать
var fon = document.createElement('div');
fon.style.width = '100%';
fon.style.height = '100%';
fon.style.position = 'absolute';
fon.style.backgroundImage = "url(trava.jpg)";
document.body.appendChild(fon);
function tests()
{
var test = document.createElement('div');
test.style.zIndex = 10;
test.style.width = '30px';
test.style.height = '30px';
test.style.backgroundImage = "url('z2.gif')";
test.style.position = 'absolute';
y = Math.random()*600;
x = Math.random()*1300;
test.style.top = y+'px';
test.style.left = x+'px';
test.onclick = function(event) {event.target.style.display='none';}
document.body.appendChild(test);}
setInterval(tests, 2000);
var p = document.createElement('div');
p.style.width = '100px';
p.style.height = '79px';
p.style.backgroundImage = "url('p.gif')";
p.style.position = 'absolute';
p.style.top = '50%';
p.style.left = '45%';
document.body.appendChild(p);