jQuery 动画 div 围绕其他 div 条边移动（循环）

Question

如何让 div 绕着另一个 div 移动他的边缘？就像一个围绕边缘移动的动画边框。

Answer 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>

jQuery 动画 div 围绕其他 div 条边移动（循环）

jQuery animate a div moving around a other divs edges (loop)

jquery

animation

move