加入购物车飞入特效

Posted 夜冷霜星

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了加入购物车飞入特效相关的知识,希望对你有一定的参考价值。

<script src="js/jquery.fly.min.js"></script>
<script src="js/requestAnimationFrame.js"></script>

$(‘.addCar‘).click(function (event) {
  var flyer=$(‘<div class="u-flyer"></div>‘);
  var top = $(window).height()*0.3;
  flyer.fly({
    start:{
      left:event.clientX,
      top:event.clientY,
    },
    end:{
      left:offset.left,
      top:top,
      width:0,
      height:0
    }

  })
})

 

以上是关于加入购物车飞入特效的主要内容,如果未能解决你的问题,请参考以下文章

商品飞入购物车特效

jQuery实现飞入购物车功能

飞入购物车功能

CSS3&JavaScript 仿京东加入购物车特效

贝塞尔曲线实现购物车飞入效果

jquery 购物车飞入效果