jQuery实现Animate动画

HTML

<button>开始动画</button>
<p>默认情况下，所有 HTML 元素的位置都是静态的，并且无法移动。如需对位置进行操作，记得首先把元素的 CSS position 属性设置为 relative、fixed 或 absolute。</p>
<div style="background:#98bf21;height:60px;width:100px;position:absolute;text-align:center;">
    <b>我会动画功能的哦！</b><br>
    <b>我会动画功能的哦！</b><br>
    <b>我会动画功能的哦！</b><br>
</div>
					    

JS

 $(document).ready(function(){
	$("button").click(function(){
		$("div").animate({left:'350px'});
		$("#div-log").html($("#div-log").html()+"<p>"+"animate()方法 ：实现Animate动画"+"</p>");
	});
});