<script>
$(function(){
/* show()方法和hide()方法会同时修改元素的多个样式属性，即高度、宽度和不透明度:
fadcOut()方法和fadeln()方法只会修改元素的不透明度:
slideDown()方法和slideUp()方法只会改变元素的高度.
animate方法的标准格式
animate(params, speed,callback);
*/
eg.
$(".panel").click(function(){
//注：1秒后向左移动300px，要使用此方式的前提是被操作的元素必须有position属性，否则没效果
$(this).animate({left:"300px"},1000)
});
});
</script>
</head>
<body>
<div class="panel" style="width: 100px; height: 100px;margin: 100px; background: #647787; position: relative;" ></div>
</body>
原文：https://www.cnblogs.com/LindaBlog/p/9817123.html