jq动画常用

//显示
$("#dv1").show();
//隐藏
$("#dv1").hide();
//显示or隐藏

//淡入
$("#dv1").fadeIn();
//淡出
$("#dv1").fadeOut();
//淡入or淡出
$("#dv1").fadeToggle();

//下滑
$("#dv1").slideDown(n);
//上滑
$("#dv1").slideUp(n);
//下滑上滑
$("#dv1").slideToggle(n);
//动画
$("#dv1").animate({
            height: '300px', 
        }, "slow");
//组合动画
$("#dv1").show(1000).fadeOut(3000).slideDown(2000).animate({height: '300px', });

//以上方法都可传参数 "slow",1000, 代表缓慢的和执行动画的时间单位为毫秒

 

上一篇:Animate 2021 for mac( An 2021 mac版)


下一篇:vue使用动画animate