注:网页版右上方的悬浮框有目录索引
一、以正方形轨迹移动
// 建议写在 </body> 结束标签前
<script type="text/javascript">
document.write("<div id='animteBox' style='position: relative;display:inline-block;background-color: red; height: 10px;width: 10px;' ></div>");
for(var i=0;i<10;i++){
// 获取 div 对象
var jqDom = $("#animteBox");
// 移动
jqDom.animate({top:100});
jqDom.animate({top:100,left:100});
jqDom.animate({top:0,left:100});
jqDom.animate({top:0,left:0});
}
</script>
在运行前,需在 <head></head> 对标签中添加代码:
// 引入百度的 jQuery
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>