菜鸟教程在线编辑器

AI 编程工具
 
                <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title>
<script src="https://cdn.staticfile.net/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
	$("button").click(function(){
		var div = $("div");
		div.animate({height:300},"slow");
		div.animate({width:300},"slow");
		div.animate({height:100},"slow");
		div.animate({width:100},"slow");
		$("span").text(div.queue().length);   
	});
});
</script>
</head>
<body>
  
<button>开始演示动画</button>
<p>队列长度为: <span></span></p>
<div style="width:50px;height:50px;position:absolute;left:10px;top:100px;background-color:red;"></div>

</body>
</html>
              