.animate( properties [, duration ] [, easing ] [, complete ] )
properties:CSS属性和值,该动画将对应移动的对象。
例:
$( "#clickme" ).click(function() {
$( "#book" ).animate({
left: "+=50",//需要变化的css属性
}, 5000, function() {
// Animation complete.
});
});
duration:字符或是数字来定义动画的速度,如"slow、fast、200"等
$( "#clickme" ).click(function() {
$( "#book" ).animate({
left: "+=50",//需要变化的css属性
}, duration:5000, function() {
// Animation complete.
});
});
$( "#clickme" ).click(function() {
$( "#book" ).animate({
left: "+=50",//需要变化的css属性
}, "slow", function() {
// Animation complete.
});
});
easing:动画过渡的效果
$( "#clickme" ).animate(
{width:'50%'},
{
duration: 200,
easing : "easeOutQuart"//详细内容详见jquery ui官方文档api
}
);
相关推荐
主要介绍了jQuery中animate用法,实例分析了animate的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
下面小编就为大家带来一篇原生js实现jquery函数animate()动画效果的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
由于购物车效果需要后台配合,涉及较多 故本案例只提供一个加入购物车... 使用方法: 1、将附件index.html中的样式以及代码部分复制到你的网页中即可 2、当然,如果你只是参考jQuery代码,仔细看看即可了解
主要介绍了JQuery动画animate的stop方法使用,需要的朋友可以参考下
在今天之前,我对jQuery的中的animate()方法还停留在最常见的用法,查了一下手册,发现在1.8的时候增加了几个比较有用的回调函数,想着就来总结下jQuery中animate的几种用法与注意事项,方便自己或者大家有需要的...
本文实例讲述了jQuery中animate()方法用法。分享给大家供大家参考。具体分析如下: 此方法用于创建自定义动画,并且能够规定动画执行时长、擦除效果。动画完成后还可以地触发一个回调函数。 animate()方法的使用: ...
jquery-animateNumber 用于包含数字(整数或浮点数)的元素,以在短时间内将数字动画化为新值。用法通话签名: $ ( "..." ) . animateNumber ( newNumber ) ;$ ( "..." ) . animateNumber ( newNumber , callback ) ...
这个插件是jQuery.animate方法的重写,您不需要考虑修改代码,只需要包含插件,就可以让您所有的jQuery动画都转化为CSS3 Transition 。 用法 只需在jQuery之后添加 。 < script src =" jquery.js " > </ ...
jquery.animateCollection 提供了一种扩展 jquery-animate 的方法,允许更好地控制动画集合中的单个元素。 用法 jquery.animateCollection 默认覆盖原来的 $.animate-method。 只需像往常一样打电话。 如果不需要...
主要介绍了jQuery中使用animate自定义动画的方法的相关资料,非常不错具有参考借鉴价值,需要的朋友可以参考下
本文实例讲述了jquery使用animate方法实现控制元素移动。分享给大家供大家参考。具体分析如下: 通过jquery的animate方法控制元素移动,这里需要将元素的位置定义为relative, fixed, 或者 absolute! <!DOCTYPE ...
jQuery中animate()的方法 用于创建自定义动画的函数。 返回值:jQuery animate(params, [duration], [easing], [callback]) 如果使用的是“hide”、“show”或“toggle”这样的字符串值,则会为该属性调用默认的...
用于创建自定义动画的函数。这个函数的关键在于指定动画形式及结果样式属性对象,下面为大家详细介绍下animate方法的具体使用,感兴趣的朋友可以了解下哈
本文实例讲述了jQuery使用animate创建动画用法。分享给大家供大家参考。具体如下: animate的用法: animate( Hash params, String|NumberJavascript 字符串或数字值 speed, String easing , Function callback(可选...
主要介绍了jQuery animate easing使用方法详解的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下