简单购物车

简易加减控制

购物车增加一个动画（部分代码截图）

 1 addcatAnimate:function(e){
 2             e.stopPropagation();
 3             var number=Number($("#cartnumbers").val());
 4             var productimg=$("#productimg"),
 5                imgsrc=$("#productimg").children("img").attr("src"),
 6                 x = productimg.offset().left + 30,
 7                 y = productimg.offset().top -10,
 8                 X = $("#n_1").offset().left,
 9                 Y = $("#n_1").offset().top;
10             if ($('#flydiv').length <= 0) {
11                 $('body').append('<div id="flydiv"><img src="'+imgsrc+'" width="50" height="50" /></div');
12             };
13             var $obj=$('#flydiv');
14             if(!$obj.is(':animated')){
15                 $obj.css({'left': x,'top': y}).animate({'left': X,'top': Y-80},500,function() {
16                     $obj.stop(false, false).animate({'top': Y-20,'opacity':0},500,function(){
17                         $obj.fadeOut(300,function(){
18                             $obj.remove();  
19                             var num=Number($(".cartnums").text());
20                             $(".cartnums").text(num+number);
21                             $(".cartnums").show();
22                         });
23                     });
24                 }); 
25             };

来源：http://www.haorooms.com/

日常所遇，随手而记。