首页 > Web开发 > 详细

jQuery元素动画animate()用法

时间:2020-03-28 10:38:15      阅读:49      评论:0      收藏:0      [点我收藏+]

jQuery元素动画animate()用法

<button>www.96net.com.cn</button>

1,基本用法

$("button").click(function(){ $("div").animate({left:250px}); });

2, animate() - 操作多个属性

$("button").click(function(){ $("div").animate({ left:250px, opacity:0.5, height:150px, width:150px }); });

 

3,animate() - 使用预定义的值

$("button").click(function(){ $("div").animate({ height:toggle }); });

4,animate() - 使用队列功能

$("button").click(function(){vardiv=$("div"); div.animate({height:300px,opacity:0.4},"slow"); div.animate({width:300px,opacity:0.8},"slow"); div.animate({height:100px,opacity:0.4},"slow"); div.animate({width:100px,opacity:0.8},"slow"); });

animate() - 使用队列功能

jQuery元素动画animate()用法

原文:https://www.cnblogs.com/96net/p/12586086.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!