jquery之动画之div层移动animate:

1

<div id="animateMe">
Watch me be animated!
</div>
<!-- One button for each fading command -->
<input type="button" id="btnAnimate" value="Animate It">
<input type="button" id="btnAnimateBack" value="Animate It Back">
CSS Code
div#animateMe {
left: 0;
top: 0;
position: relative;
width: 300px;
height: 100px;
border: 1px solid black;
background-color: teal;
}
JavaScript Code
$('#btnAnimate').click(function() {
$('#animateMe').animate({
'left': '300px',
'top': '200px',
'border-width': '8px'
}, 1000);
});
$('#btnAnimateBack').click(function() {
$('#animateMe').animate({
'left': '0',
'top': '0',
'border-width': '1px'
}, 1000);
});

最后

以上就是舒适裙子为你收集整理的jquery之动画之div层移动animate:的全部内容，希望文章能够帮你解决jquery之动画之div层移动animate:所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。