动画效果使用说明

作者: 前端应用  发布:2019-09-06

animate( params, [duration], [easing], [callback] )
用于创制自定义动画的函数。
其一函数的关键在于钦命动画方式及结果样式属性对象。这几个指标中各类属性都意味着一个方可变动的样式属性(如“height”、“top”或“opacity”)。注意:全体钦定的特性必得用骆驼格局,举例用marginLeft替代margin-left.
而各种属性的值表示那些样式属性到某些时动画甘休。假如是多少个数值,样式属性就能够从此时此刻的值渐变到钦命的值。要是使用的是“hide”、“show”或“toggle”这样的字符串值,则会为该属性调用默许的动画片情势。
在 jQuery 1.2 中,你能够应用 em 和 % 单位。其它,在 jQuery 1.2中,你能够透过在属性值前边钦点 "+=" 或 "-=" 来让要素做相对运动。
jQuery 1.3中,假如duration设为0则一贯完事动画。而在从前版本中则会举办暗许动画。
点击按键后div成分的多少个分化性质一起变化:

复制代码 代码如下:

// 在一个卡通中並且利用三种档期的顺序的作用
$("#go").click(function(){
$("#block").animate({
width: "90%",
height: "100%",
fontSize: "10em",
borderWidth: 10
}, 1000 );
});
animate( params, options )

用来创制自定义动画的函数。
这些函数的关键在于钦点动画方式及结果样式属性对象。这几个目的中各种属性都代表八个足以退换的体制属性(如“height”、“top”或“opacity”)。注意:全部钦赐的性质必得用骆驼方式,例如用marginLeft替代margin-left.
而各种属性的值表示那些样式属性到多少时动画甘休。假使是贰个数值,样式属性就能从这两天的值渐变到钦点的值。若是应用的是“hide”、“show”或“toggle”那样的字符串值,则会为该属性调用暗许的动画格局。
在 jQuery 1.2 中,你能够运用 em 和 % 单位。其余,在 jQuery 1.第22中学,你能够经过在属性值后面钦赐 "+=" 或 "-=" 来让要素做相对运动。
先是个开关按了随后显得了不在队列中的动画。在div扩张到十分九的还要也在增加字体,一旦字体制改善变完成后,边框的动画才起头:

复制代码 代码如下:

$("#go1").click(function(){ $("#block1").animate( { width: "90%"}, { queue: false, duration: 5000 } ) .animate( { fontSize: '10em' } , 1000 ) .animate( { borderWidth: 5 }, 1000); }); $("#go2").click(function(){ $("#block2").animate( { width: "90%"}, 1000 ) .animate( { fontSize: '10em' } , 1000 ) .animate( { borderWidth: 5 }, 1000); });

stop( [clearQueue], [gotoEnd] )
悬停全部在钦赐成分上正在运行的卡通。
假定队列中有等待推行的动画片(并且clearQueue没有设为true),他们将被即刻施行
clearQueue(Boolean):如若设置成true,则清空队列。能够即时终止动画。
gotoEnd (Boolean):让日前正值实施的卡通立时到位,何况重设show和hide的原始样式,调用回调函数等。
点击Go之后始发动画,点Stop之后会在此时此刻地方停下来:

复制代码 代码如下:

// 起头动画 $("#go").click(function(){ $(".block").animate({left: '+200px'}, 伍仟); }); // 当点击开关后终止动画 $("#stop").click(function(){ $(".block").stop(); });

params, [duration], [easing], [callback]) 用于创建自定义动画的函数。 那么些函数的关键在于钦命动画格局及结果样式属性对象。这些目的中每...

本文由今晚买四不像发布于前端应用,转载请注明出处:动画效果使用说明

关键词: