绝代码农 发表于 2021-7-14 13:22:47

JQuery3:动画和特效

#jquery动画
通过animate方法可以设置元素某属性值上的动画,可以设置一个或多个属性值,动画执行完成后会执行一个函数。
$('#div1').animate({
    width:300,
    height:300
},1000,swing,function(){
    alert('done!');
});
参数可以写成数字表达式:
$('#div1').animate({
    width:'+=100',
    height:300
},1000,swing,function(){
    alert('done!');
});
#jquery特殊效果
fadeIn() 淡入

    $btn.click(function(){

      $('#div1').fadeIn(1000,'swing',function(){
            alert('done!');
      });

    });

fadeOut() 淡出
fadeToggle() 切换淡入淡出
hide() 隐藏元素
show() 显示元素
toggle() 依次展示或隐藏某个元素
slideDown() 向下展开
slideUp() 向上卷起
slideToggle() 依次展开或卷起某个元素



文档来源:51CTO技术博客https://blog.51cto.com/u_9634496/3075400
页: [1]
查看完整版本: JQuery3:动画和特效