jQuery在指定位置插入元素动画特效

jQuery在指定位置插入元素动画特效，例如：eq(0)表示第1个元素后插入，可定义为变量，更加灵活。

分类：其它特效 > 动画效果难易：初级

查看演示下载资源下载积分： 20 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

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>