编辑您的代码：提交代码

​x
 
1
2
3
<!DOCTYPE html>
4
<html>
5
<head>
6
<script src="/jquery/jquery-1.11.1.min.js"></script>
7
<script>
8
$(document).ready(function(){
9
  $("button").click(function(){
10
    $("#div1").fadeIn();
11
    $("#div2").fadeIn("slow");
12
    $("#div3").fadeIn(3000);
13
  });
14
});
15
</script>
16
</head>
17
​
18
<body>
19
<p>演示带有不同参数的 fadeIn() 方法。</p>
20
<button>点击这里，使三个矩形淡入</button>
21
<br><br>
22
<div id="div1" style="width:80px;height:80px;display:none;background-color:red;"></div>
23
<br>
24
<div id="div2" style="width:80px;height:80px;display:none;background-color:green;"></div>
25
<br>
26
<div id="div3" style="width:80px;height:80px;display:none;background-color:blue;"></div>
27
</body>
28
</html>
29
          

查看结果：

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

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