animate() 方法允许您创建自定义的动画。

  • 2,913

animate() 方法允许您创建自定义的动画。

语法:

$(selector).animate({params},speed,callback);

params 定义动画的 CSS 属性。

speed 效果时长

callback 动画完成后所执行的函数名称。

<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<script> 
$(document).ready(function(){
  $("button").click(function(){
    var div=$("div");
    div.animate({height:'300px',opacity:'0.4'},"slow");
    div.animate({width:'300px',fontSize:'3em',opacity:'0.8'},"slow");
    div.animate({height:'100px',opacity:'0.4'},"slow");
    div.animate({width:'100px',fontSize:'1em',opacity:'0.8'},"slow");
	div.animate({top:'30px'},"slow");
	div.animate({left:'30px'},"slow");
	div.animate({top:'0px'},"slow");
	div.animate({left:'0px'},"slow");	
  });
});
</script> 


<button>开始动画</button>
<div style="background:#00BCD4;height:100px;width:100px;position:relative;top:10px;">hello</div>

 

weinxin
我的微信
这是我的微信扫一扫
开拓者博主
  • 本文由 发表于 2018年3月7日22:08:28
  • 转载请务必保留本文链接:https://www.150643.com/493.html
匿名

发表评论

匿名网友 填写信息

评论:1   其中:访客  1   博主  0
    • 今日头条 今日头条 0

      文章不错非常喜欢