美文网首页
jQuery内容整理——效果

jQuery内容整理——效果

作者: 郭子林 | 来源:发表于2016-07-12 01:16 被阅读20次

    <ul>
    <li>.show()显示匹配的隐藏元素
    show(speed,easing,complete)speed:slow/600,normal,fast/200;easing:动画效果默认swing还可选linear;complete:元素显示完成后执行的函数</li>
    <li>.hide(),与show相反</li>
    <li>.slideUp()通过高度变化(向上减小)来动态地隐藏所有匹配的元素</li>
    <li>.slideDown()</li>
    <li>.slideToggle()</li>
    <li>.fadeOut()通过不透明度的变化来实现所有匹配元素的淡出效果</li>
    <li>.fadeIn()</li>
    <li>.fadeTo()把所有匹配元素的不透明度以渐进方式调整到指定的不透明度,</li>
    <li>.fadeToggle()</li>
    <li>.animate用于创建自定义动画的函数。
    这个函数的关键在于指定动画形式及结果样式属性对象

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

    相关文章

      网友评论

          本文标题:jQuery内容整理——效果

          本文链接:https://www.haomeiwen.com/subject/zetjjttx.html