jquery动画制作汇总

《jquery动画制作汇总》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、g享一些常用的jQuery动画事件和动画函在jquery中，jquery动画事件和动画函数经常用的到，今天小编抽时间给大家整理了些关于常用的jquery动画事件和动画函数，对jquery动画函数和动画事件相关知识感兴趣的朋友一起学习吧部分jduery常用的动画函数，整理了一下，在做交互式贞血的吋候挺有用的.cssCa712px');.css({a:'12px})；.show();.hide();•toggle。；•fadeln();.fadeOut();.fadeToggle();.slideDown();.slideUp();.slideTogg

2、le();•text(’string’)；•animate({a:’40px’，b/ccc'L200)•fadeTo(600,0.4);backgroundPositionborderWidthborderBottomWidthborderLeftWidthborderRightWidthborderTopWidthborderSpacingmarginmarginBottommarginLeftmarginRightmarginTopoutlineWidthpaddingpaddingBottompaddingLeftpaddingRightpad

3、dingTopheightwidthmaxHeightmaxWidthminHeightmaxWidthfontfontSize(在animate函数的css参数指定并不同于标准css属性，例如这个css标准足:font-size。同理上L&J很多也是这样的情况)bottomleftrighttopletterSpacingwordSpacinglineHeighttextlndentopacityjQuery动阃函数jQuery动阃函数分三类：1、基本动画函数：既有透明渐变又有滑动效果，常用动画效果。2、滑动动画函数：仅使用滑动效果。3、淡入淡出动

4、画函数：仅使用淡入淡出效果。一.基本动Ifflj函数：1、show()显示隐藏匹配元素。这个就是1show(speed,[callback])'无动画的版本。如果选择的元素是可见的，这个方法将不会改变任何东西。无论这个元素是通过hide()方法隐藏的还是在CSS里设置了display:none;,这个方法都将有效。例如：显示所有段落，$("p").show()2、show(speed,[callback])以优雅的动画显示匹配的元素，并且在显示完成后可选择返回一个回调函。可根据指定的速度动态改变每个匹配元素高度、宽度和不透明度。例如：用缓慢的动画将隐

5、藏的段落显示出来，历时600毫秒，$(npn}.show(600>3、hide()隐藏显示元素。这个就是*hide(speed,[callback]V的无动画版。如果选择的元素是隐藏的，这个方法将不会改变任何东西。例如：隐藏所有段落，$("pn).hide()4、hide(speed,[callback])以优雅的动画隐藏所有匹配的元素，并在显示完成后可选的触发一个回调函数。可以根据指定的速度动态地改变每个匹配元素的高度、宽度和不透明度。在jQueryl.3中，padding和margin也会有动画，效果更流畅。例如：用600ms的时间将段落缓慢的隐

6、藏，$("p").hide("slow">;5、toggle切换元素的可见状态。如果元素吋可见的，切换为隐藏的；如果元素是隐藏的，切换为可见的。例如:切换所有段落的可见状态，$("p").toggle(>6、toggle(switch)根掘switch参数切花元素的可见状态(true为可见,false为隐贼)。如果switch设为true,则调用show()方法来显示匹配的元素，如果switch设为false则调用hide(>来隐藏元素。例如：切换所有段落的可见状态，varflip=0;$("button").click(function(){$("

7、p").toggle(flip++%2==0);});7、toggle(speed,[callback])以优雅的动画切换所有匹配的元素，并在显示完成后可选的触发一个冋调函数。可根据指定的速度动态的改变每个匹配元素的高度、宽度和不透明度。jqueryl.3,padding和margin也会有动画，效果更流畅。例如：用200ms将段落迅速切换显示状态，之后弹出一个对话框，$("p").toggle("fast",function(){alert("hello!")；})；一.滑动动旧j函数sliding1、slideDownfspeed,[callba

8、ck])通过高度变化(向下增大)来动态的显示所有匹配的元素，在显示完成后可选择的处发一个回调函数。这个动画效