js代码

<script src="js/jquery-1.11.0.min.js"></script>
<script src="js/jquery.magicmove.js"></script> 
<script>
    jQuery(function ($) {
      $('button.animate1').click(function () {
        $('.containers').magicMove({
          easing: 'ease',
          duration: 300
        }, function () {
          var index = $(this).children().length + 1;
          var $el = $('<section>' + index + 'th</section>');
          $(this).find('section').eq(0).after($el);
        });
      });
      $('button.animate2').click(function () {
        $('.containers').magicMove({
          easing: 'ease',
          duration: 500
        }, function () {
          var index = $(this).children().length + 1;
          var $el = $('<section>' + index + 'th</section>');
          $(this).find('section').eq(2).after($el);
        });
      });
		
	  $('button.animate3').click(function () {
        $('.containers').magicMove({
          easing: 'ease',
          duration: 500
        }, function () {
          var index = $(this).children().length + 1;
          var $el = $('<section>' + index + 'th</section>');
          $(this).find('section').eq(1).after($el);
        });
      });
    });
</script>