animate(params,speed,callback);params包含样式属性及值的映射，比如{property1:”value1″,property2:”value2″,…}，speed是可选的速度参数，callback是在动画完成时执行的函数，例如：
$("#mydiv").animate({left:"+=500px"},300);“+=”符号或”-=”符号即表示在当前位置累加或者累减。如果需要同时执行多个动画，可以写如下代码：
$("#mydiv").animate({left:"500px",height:"200px"},3000);如果只想按顺序执行动画，只需把代码拆开即可，例如：
$("#mydiv").animate({left:"500px"},3000);
$("#mydiv").animate({height:"200px"},3000);或者：
$("#mydiv").animate({left:"500px"},3000).animate({height:"200px"},3000);2.5 停止动画和判断是否处于动画状态
很多时候需要停止匹配元素正在进行的动画，需要使用stop()方法，语法结构为：
stop([clearQueue][,gotoEnd]);参数clearQueue和gotoEnd都是可选的参数，为Boolean值，clearQueue代表是否要清空未执行完的动画队列，gotoEnd代表是否直接将正在执行的动画跳转到末状态。
在使用animate()方法的时候，要避免动画积累而导致的动画与用户的行为不一致，解决方法是判断元素是否正处于动画状态，例如：
if(!$("#mydiv").is("animated")){
}2.6 其他动画方法
jQuery中还有3个专门用于交互的动画方法：toggle(speed,[callback])，slideToggle(speed,[callback]),fadeTo(speed,opacity,[callback])。
toggle()方法可以切换元素的可见状态，例如：
$("#mydiv").click(function(){
$(this).next("div.content").toggle();
});slideToggle()方法通过高度变化来切换匹配元素的可见性，例如：
$("#mydiv").click(function(){
$(this).next("div.content").slideToggle();
});fadeTo()方法可以把元素的不透明度以渐进方式调整到指定的值，例如：
$("#mydiv").click(function(){
$(this).next("div.content").fadeTo(600,0.2);
});
总结
以上所述是小编给大家介绍的[jQuery] 事件和动画详解整合，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持！
