码迷,mamicode.com
首页 > 其他好文 > 详细

Animation动画:

时间:2016-05-31 19:00:42      阅读:108      评论:0      收藏:0      [点我收藏+]

标签:

$(selector).animate({params(参数)},speed(执行时间),callback(回调函数));

e.g:

$("button").click(function(){

  $("div").animate({left(名称):‘250px‘(值)});

});

色彩动画并不包含在核心 jQuery 库中。

如果需要生成颜色动画,您需要从 jQuery.com 下载 Color Animations 插件。

.animate相对值(+=或者-=)

jQuery animate() - 使用队列功能

Jquery会逐一加载下面的animate动画

$("button").click(function(){

  var div=$("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");

});

Animation动画:

标签:

原文地址:http://www.cnblogs.com/hzzt/p/5546743.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!