jq动画

 $("button:eq(0)").click(function(){
  $("div").show(10000,fn)
  })
  function fn(){
  console.log(‘动画结束了‘)
  }

 $("button:eq(0)").click(function(){
  $("div").hide(10000,fn)
   })
   function fn(){
      console.log(‘动画结束了‘)
    }

$("button:eq(0)").click(function(){
  $("div").toggle(10000,fn)
   })
   function fn(){
      console.log(‘动画结束了‘)
    }

 $("button:eq(0)").click(function(){
  $("div").slideDown(10000,fn)
   })
   function fn(){
      console.log(‘动画结束了‘)
    }

 $("button:eq(0)").click(function(){
  $("div").slideUp(10000,fn)
   })
   function fn(){
      console.log(‘动画结束了‘)
    }

 $("button:eq(0)").click(function(){
  $("div").slideToggle(10000,fn)
   })
   function fn(){
      console.log(‘动画结束了‘)
    }

 $("button:eq(0)").click(function(){
  $("div").fadeIn(10000,fn)
   })
   function fn(){
      console.log(‘动画结束了‘)
    }

  $("button:eq(0)").click(function(){
  $("div").fadeOut(10000,fn)
   })
   function fn(){
      console.log(‘动画结束了‘)
    }

 $("button:eq(0)").click(function(){
  $("div").fadeToggle(10000,fn)
   })
   function fn(){
      console.log(‘动画结束了‘)
    }

 $(function(){
 $("div:eq(0)").animate({
   left:500,
   borderRadius: 100 ,
 },10000,fn)

 $("div:eq(1)").animate({
   left:500,
   borderRadius: 100 ,
 },10000,"linear",fn)

   function fn(){
     console.log(‘动画结束了‘)
   }
  })

 .animate({
   borderRadius:100
 },3000,fn)
 .animate({
  left:300
 },3000,fn)
 
   function fn(){
     console.log(‘动画‘)
   }
  })

 $("button:eq(0)").click(function(){
   $("div")
  .slideDown(2000,"linear")
  .slideUp(2000,"linear")
 })
 $("button:eq(1)").click(function(){
   $("div")
  .stop()
 })

 $("button:eq(0)").click(function(){
   $("div")
  .slideDown(2000,"linear")
  .slideUp(2000,"linear")
 })
 $("button:eq(1)").click(function(){
   $("div")
  .stop(true)
 })

$("button:eq(0)").click(function(){
   $("div")
  .slideDown(2000,"linear")
  .slideUp(2000,"linear")
 })
 $("button:eq(1)").click(function(){
   $("div")
  .stop(false,true)
 })