Как я могу переместить изображение по всему экрану с помощью JQuery Animate - PullRequest
Новая
       8

Как я могу переместить изображение по всему экрану с помощью JQuery Animate

0 голосов
/ 03 мая 2018

Я пытаюсь перемещаться по изображению по всему экрану, но оно перемещается только сверху вниз и слева направо, а затем останавливается.
вот мой код JavaScript. 

          $(function(){
$("#btn1").click(function(){
        $("#p2").animate({width:300 })
        $("#p2").animate({left:'600px'})
        $("#p2").animate({top:'400px'})
        $("#p2").animate({right:'100px'})
        $("#p2").animate({bottom:'400px'})
});
});

вот мой HTML 

<img src="myimage.png" id="p2" />      
<button id="btn1">click</button>
<style>
#p2{
position:absolute;

}
</style>

если у кого-то есть идея, как я могу анимировать изображение по всему экрану, то, пожалуйста, помогите мне решить мою задачу. Спасибо за ваше время.

1 Ответ

0 голосов
/ 03 мая 2018 
<script>
$(document).ready(function(){
    $("#b").animate({left: "+=500"}, 2000);
    $("#b").animate({top: "+=300"}, 1000);
    $("#b").animate({left: "-=500"}, 1000);
    $("#b").animate({top: "-=300"}, 1000);

});
</script>
<div id="b" style="position:absolute; top:50px">

<img src="img/codelab-1.jpg" width="200px"/></div>
...