jqurey的动画效果

目标.hide() 让目标隐藏（修改的display属性）
小括号中，可是设置动画执行的时间
目标.show() 让目标显示
小括号中，可以设置动画执行的时间

 var flag= 1;
       $(".btn:first").click(function () {
           flag *= -1;
           if(flag == "-1"){                          
               $(".box").hide('slow');
           }else{
             
               $(".box").show(5000);
           }
       })

目标.toggle()
会先进行目标的属性，如果是显示，就设置为隐藏
如果是隐藏，就设置为显示

       $("#taggle").click(function () {
           $(".box").toggle(2000);
       });

淡入

	 $(".btn:eq(1)").click(function () {
            $(".box").fadeIn(2000);
        })

谈出

       $(".btn:eq(2)").click(function () {
           $(".box").fadeOut(2000);
       })
 

淡入/淡出

  $(".btn:eq(3)").click(function () {
           $(".box").fadeToggle(2000);
       })

渐变到指定的透明度
参数1 ： 执行的时间
参数2 : 指定的透明度

   $(".btn:eq(4)").click(function () {           
           $(".box").fadeTo(2000,0.3);
       })

滑入

   $(".btn:eq(5)").click(function () {
           $(".box").slideDown(2000);
       });

滑出

    $(".btn:eq(6)").click(function () {
           $(".box").slideUp(2000);
       });

滑入滑出

   $(".btn:eq(7)").click(function () {
           $(".box").slideToggle(2000);
       });

来源：CSDN

作者：weixin_46174967

链接：https://blog.csdn.net/weixin_46174967/article/details/104100753