Jquery 基本动画

最新推荐文章于 2023-04-13 20:11:35 发布

weixin_30414305

最新推荐文章于 2023-04-13 20:11:35 发布

阅读量82

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/xiaowie/p/10649093.html

版权

　　1.三组基本的动画

　　显示：show 、隐藏hide、滑入：slideUp、滑出：slideDown、滑入滑出切换：slideTpggle、淡入：fadeIn、淡出：fadeOut、淡入淡出切换：fadeToggle

　　1.1show([speed],[callback])

　　　　可选：speed-动画的持续时间，可以是毫秒，还可以是固定的字符串

　　　　可选：callback-回调函数，动画结束后执行

　　show()；不传任何参数直接显示最常用

　　show(1000)；传入1000 动画会在1秒内全部完成

　　show(1000,function(){alert("动画执行完毕")});

<style>
    div{
        width: 300px;
        height: 300px;
        background: pink;
        display: none

    }
</style>
<body>
<div class="box">
   
</div>

<script>
    $(function(){
    //    $("div").show();         //直接显示div
    // $("div").show(1000);            //显示div会在1s内完成
    $("div").show(1000,function(){
        alert("动画执行完毕了");
    });            //显示div会在1s内完成  随后会提示你动画执行完毕了
    });
</script>
    
</body>