jQuery动画一个div移动其他divs边缘(循环)

时间:2018-01-04 11:11:22

标签: jquery animation move

我如何让div围绕另一个div移动?就像移动边框一样,边缘动画移动。

1 个答案:

答案 0 :(得分:1)

尝试使用以下代码

$(document).ready(function(){
var h = $(".container").height() - $(".move").height();
var w = $(".container").width() - $(".move").width();

setInterval(function(){
$(".move").animate({left: w+'px', top:'0px'});
$(".move").animate({left: w+'px', top: h+'px'});
$(".move").animate({left: '0px', top: h+'px'});
$(".move").animate({left: '0px', top: '0px'});
},500);
});
.move {
background:#98bf21;height:50px;width:50px;position:absolute;"
}
.container { position:relative; width:500px; height:200px; border:1px solid #000;}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container">
<div class="move"></div>