jQuery内容整理——效果


  • .show()显示匹配的隐藏元素
    show(speed,easing,complete)speed:slow/600,normal,fast/200;easing:动画效果默认swing还可选linear;complete:元素显示完成后执行的函数

  • .hide(),与show相反

  • .slideUp()通过高度变化(向上减小)来动态地隐藏所有匹配的元素

  • .slideDown()

  • .slideToggle()

  • .fadeOut()通过不透明度的变化来实现所有匹配元素的淡出效果

  • .fadeIn()

  • .fadeTo()把所有匹配元素的不透明度以渐进方式调整到指定的不透明度,

  • .fadeToggle()

  • .animate用于创建自定义动画的函数。
    这个函数的关键在于指定动画形式及结果样式属性对象

    $("#go").click(function(){
        $("#block").animate({ 
            width: "90%",
            height: "100%", 
            fontSize: "10em", 
            borderWidth: 10
         }, 1000 );
    });
    ```
  • .stop()停止所有在指定元素上正在运行的动画。 stop(clearQueue,jumpToEnd)均boolean型,1true清空列队,2true立即完成
  • .finish()停止当前正在运行的动画,删除所有排队的动画,并完成匹配元素所有的动画与.stop(true, true)很相似.finish() 会导致所有排队的动画的CSS属性跳转到他们的最终值。
  • .delay一个延时来推迟执行队列中之后的项目delay(time) `$('#foo').slideUp(300).delay(800).fadeIn(400);`
  • jQuery.fx.off = true关闭页面上所有的动画。
  • jQuery.fx.interval = 1000设置动画的显示帧速。

你可能感兴趣的:(jQuery内容整理——效果)