菜鸟教程在线编辑器

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(){
  function aniDiv(){
    $("div:eq(0)").animate({width:"50%"},"slow");
    $("div:eq(0)").animate({width:"100%"},"slow",aniDiv);
  }
  aniDiv();
  $(".btn1").click(function(){
    $(":animated").css("background-color","red");
  });
});
</script>
</head>
<body>

<button class="btn1">修改动画元素颜色</button>
<div style="background:blue;">Div 1</div>
<div style="background:green;">Div 2</div>
<div style="background:yellow;">Div 3</div>

</body>
</html>
              