Показать сообщение отдельно
  #5 (permalink)  
Старый 08.11.2013, 17:08
nub nub вне форума
Интересующийся
Отправить личное сообщение для nub Посмотреть профиль Найти все сообщения от nub
 
Регистрация: 23.10.2013
Сообщений: 29

сделал по своему вдруг кому пригодится
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);
var p = document.createElement('div');
p.style.width = '100px';
p.style.zIndex=1000;
p.style.height = '79px';
p.style.backgroundImage = "url('p2.gif')";
p.style.position = 'absolute';
p.style.top = '50%';
p.style.left = '45%';
document.body.appendChild(p);
function povtor(){
var bunny  = document.createElement('div');
bunny.style.width = '30px';
bunny.style.height = '30px';
bunny.style.backgroundImage = "url('z1.gif')";
bunny.style.position = 'absolute';
y = Math.random()*600;
x = Math.random()*1300;
bunny.style.top = y+'px';
bunny.style.left = x+'px';
bunny.onclick = function move(event) {
    var left = 0;

    function frame() {
        left++;
        bunny.style.left = left + 'px'

        if (left == 683) {
            clearInterval(timer1);
        }
    }

    var timer1 = setInterval(frame, 10)
    var top = 0;
    function frame2() {
        top++;
        bunny.style.top = top + 'px'

        if (top == 384) {
            clearInterval(timer2);
        }
    }
    var timer2 = setInterval(frame2, 10)
}
document.body.appendChild(bunny);
}
setInterval(povtor,2000)
Ответить с цитированием