编辑您的代码：提交代码

AخA
 
1
2
3
<html>
4
<head>
5
<script type="text/javascript" src="/jquery/jquery.js"></script>
6
<script type="text/javascript">
7
$(document).ready(function(){
8
  function aniDiv(){
9
    $("#box").animate({width:300},"slow");
10
    $("#box").animate({width:100},"slow",aniDiv);
11
  }
12
  aniDiv();
13
  $(".btn1").click(function(){
14
    $(":animated").css("background-color","blue");
15
  });
16
});
17
</script>
18
<style>
19
div
20
{
21
background:#98bf21;
22
height:40px;
23
width:100px;
24
position:relative;
25
margin-bottom:5px;
26
}
27
</style>
28
</head>
29
<body>
30
<div></div>
31
<div id="box"></div>
32
<div></div>
33
<button class="btn1">Mark animated element</button>
34
</body>
35
</html>
36
          

查看结果：

请在上面的文本框中编辑您的代码，然后单击提交按钮测试结果。w3c0.com

W3c0.com 提供的内容仅用于培训。我们不保证内容的正确性。通过使用本站内容随之而来的风险与本站无关。W3c0 简体中文版的所有内容仅供测试，对任何法律问题及风险不承担任何责任。 当使用本站时，代表您已接受了本站的使用条款和隐私条款。版权所有，保留一切权利。 鲁ICP备15022115号