js-jQuery 动画 滑入滑出

2019-08-20  本文已影响0人  AssertDo
                //显示
                $("input").eq(0).click(function(){
                    
                    //slideDown:不传参数,有个默认值normal
                    $("div").slideDown();
                    
                    //show 可以传入动画时间和动画结束的回调函数
                    $("div").slideDown(1000,function(){
                        console.log("动画执行完了");
                    });
                });
                
                //隐藏
                $("input").eq(1).click(function(){
                    
                    //$("div").slideUp();

                    //如果是滑入状态,就执行滑出的动画
                    $("div").slideToggle();
                    
                });

上一篇 下一篇

猜你喜欢

热点阅读