美文网首页
购物车特效代码

购物车特效代码

作者: 43c4b769e571 | 来源:发表于2016-08-15 11:09 被阅读0次

$('.plus').click(function(){

var pic =  $(this).parent().parent().parent().find('.picture').val();

var  circle = $('

');          $(this).parent().parent().after(circle);              // 输出小球的当前坐标     

  var coord1 = $(this).parent().parent().next().offset();    

  // alert( "当前坐标:(" + coord1.left + ", " + coord1.top + ")" );    

    var $n1 = $(".carts");        // 输出終點的当前坐标     

  var coord = $n1.offset();        // alert( "当前坐标:(" + coord.left + ", " + coord.top + ")" );   

    var left = eval(coord.left-coord1.left+15)     

    var top = eval(coord.top-coord1.top) 

      var circles = $(this).parent().parent().next()        

circles.animate({                left:left+'px',                top:top+'px'              });      

  circles.animate({                height:'toggle',                width:'toggle'              });          $('.carts').animate({width:'35px',opacity:'0.8'},"slow");     

 $('.carts').animate({width:'30px',opacity:'0.8'},"slow");

})

相关文章

网友评论

      本文标题:购物车特效代码

      本文链接:https://www.haomeiwen.com/subject/zfwesttx.html