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

js-jQuery 动画 淡入淡出

作者: AssertDo | 来源:发表于2019-08-20 10:51 被阅读0次
                //显示
                $("input").eq(0).click(function(){
                    
                    //fadeIn:不传参数,有个默认值normal
                    //$("div").fadeIn();
                    
                    //fadeIn 可以传入动画时间和动画结束的回调函数
                    $("div").fadeIn(1000,function(){
                        console.log("动画执行完了");
                    });
                });
                
                //隐藏
                $("input").eq(1).click(function(){
                    
                    $("div").fadeOut();
                    
                    //如果是fadein状态,就执行fadeout的动画
                    $("div").fadeToggle();
                });

相关文章

网友评论

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

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