jQuery效果

jQuery 基本效果

   基本效果

    1.show([speed],[easing],[fn]) 显示隐藏的匹配元素

        speed:三种预定的速度之一的字符串(“show”,"normal",or"fast")或表示动画时长的毫秒数值(如:1000);

        easing:用来指定切换效果,默认是“swing”,可用参数“linear”;

        fn:在动画完成时执行的函数,每个元素执行一次

     2. hide(([speed],[easing],[fn]) 隐藏显示元素

     3.toggle([speed],[easing],[fn]) 用于绑定两个或多个事件处理器函数,以响应被选元素的轮流click事件(切换元素)

     4. slideDown([speed],[easing],[fn])  通过高度变化(向下增大)来动态地显示所有匹配元素,在显示完成后可选地触发一个回调函数。

     5. slideDown([speed],[easing],[fn]) 通过高度变化(向上减小)来动态地显示所有匹配元素,在隐藏完成后可选地触发一个回调函数。

     6.slideToggle([speed],[easing],[fn]) 通过高度变化来切换所有匹配元素的可见性,并在切换完成后可选地触发一个回调函数。

     7. fadeIn([speed],[easing],[fn]) 淡入

     8.fadeout([speed],[easing],[fn]) 淡出

     9.fadeTo([speed],[easing],[fn]) 把所有匹配元素的不透明度以渐进的方式,调整到指定的不透明度,并在动画完成后可选地触发一个回调函数

     10. fadeToggle([speed],[easing],[fn]) 通过不透明度的变化来开关所有匹配元素的淡入淡出效果,并在动画完成后可选地触发一个回调函数

      11.animate([params],[speed].[easing],[fn]) 用于创建自定义动画的函数。params:一组包含作为动画属性和终值的样式属性和其值的集。这个函数的关键在于指定动画样式及结果样式属性对象。这个对象中每个属性都表示一个可以变化的样式属性(如height”、“top”或“opacity”)。注意所有指定的属性必须用驼峰形式,比如用marginLeft代替marign-left

      12.stop([clearQueue],[jumpToEnd]) 停止所有在指定元素上正在运行的动画。

      13.delay(duration,[queueName]) 设置一个延时来推迟执行队列之后的项目。例:在.slideUP()和.fadeIn()之间延迟800毫秒

HTML代码:

  <div id="foo"/>

jQuery 代码:

$('#foo').slideUp(300).delay(800).fadeIn(400);

       14.finish([queue]) 停止当前正在运行的动画,删除所有排队的动画,并完成匹配元素所有的动画。当.finish()在一个元素上被调用,立即停止当前正在运行的动画和所有排队的动画(如果有的话),并且他们的CSS属性设置为它们的目标值(所有动画的目标值)。所有排队的动画将被删除。

       15.jQuery.fx.off 关闭页面上所有的动画。把这个属性设置为true可以立即关闭所有动画(所有效果会立即执行完毕)

 

       

       

          

原文地址:https://www.cnblogs.com/Ellen-study/p/7249090.html