我如何让div围绕另一个div移动?就像移动边框一样,边缘动画移动。
答案 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>