美文网首页
js-jQuery 动画 滑入滑出

js-jQuery 动画 滑入滑出

作者: AssertDo | 来源:发表于2019-08-20 10:29 被阅读0次
                    //显示
                    $("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();
                        
                    });
    
    

    相关文章

      网友评论

          本文标题:js-jQuery 动画 滑入滑出

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