其他分享
首页 > 其他分享> > 积累 做网站添加的 所有动态效果

积累 做网站添加的 所有动态效果

作者：互联网

1.一排中有好几个div 让它一个一个依次淡淡的出现：

 

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("#div1").fadeIn();
    $("#div2").fadeIn("slow");
    $("#div3").fadeIn(3000);
  });
});
</script>

<body>

<p>以下实例演示了 fadeIn() 使用了不同参数的效果。</p>
<button>点击淡入 div 元素。</button>
<br><br>
<div id="div1" style="width:80px;height:80px;display:none;background-color:red;"></div><br>
<div id="div2" style="width:80px;height:80px;display:none;background-color:green;"></div><br>
<div id="div3" style="width:80px;height:80px;display:none;background-color:blue;"></div>

</body>

 

标签：积累,function,淡入,动态效果,添加,fadeIn,div,3000
来源： https://www.cnblogs.com/shandayuan/p/10365398.html