使用css2动画animate

最新推荐文章于 2025-05-28 16:06:45 发布

原创最新推荐文章于 2025-05-28 16:06:45 发布 · 652 阅读

0 ·

CC 4.0 BY-SA版权

css 专栏收录该内容

42 篇文章

订阅专栏

本文详细介绍了使用jQuery实现的各种动画效果，包括单个属性动画、多个属性同时动画、带有回调函数的动画、延迟动画等，并提供了具体的代码示例。此外，还讲解了如何使用jQuery来停止动画。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

非常好的一个例子http://www.runoob.com/try/try.php?filename=tryjquery_eff_animate2
$(".a").animate( {left:"650px"},5000,'linear'); //运动单个属性,连续写多次,会一个一个执行,elasticOut好像是弹性的
$(".a").animate( {width:"1000px",fontSize:20},2000) //运动多个属性
$(".a").animate( {width:"1000px"},5000,function(){alert("调整完成")}) //有回调函数
$(".a").delay(1000).animate( {left:"650px"},5000); //.delay(1000)延迟1秒执行动画
$('.cloud').animate({opacity:'toggle'},{easing:"linear",queue:true,duration:2000,complete:function a(){}}); //透明的写法,有queue:true会按顺序一个一个执行
停止的方法 $('.a').stop();有两个参数,上网查
$('#div1').stop(); //默认 : 只会阻止当前运动
$('#div1').stop(true); //阻止后续的运动
$('#div1').stop(true,true); //可以立即停止到指定的目标点
$('#div1').finish(); //立即停止到所有指定的目标点