jQuery商品飞入购物车动画效果代码下载

<script src="js/jquery-1.7.1.js" type="text/javascript"></script>

 

<style type="text/css">

.thingsBox{border:1px solid #aaaaaa;width:300px;height:100px;cursor:pointer;}

#collectBox{width:100px;height:100px;border:1px red solid;z-index:2;position:fixed;top:0px;right:0px;background:#a0a0a0;}

</style>

 

<script type="text/javascript">

function MoveBox(obj) {

var divTop = $(obj).offset().top;

var divLeft = $(obj).offset().left;

$(obj).css({ "position": "absolute", "z-index": "500", "left": divLeft + "px", "top": divTop + "px" });

$(obj).animate({ "left": ($("#collectBox").offset().left - $("#collectBox").width()) + "px", "top": ($(document).scrollTop() + 30) + "px", "width": "100px", "height": "70px" }, 500, function () {

$(obj).animate({ "left": $("#collectBox").offset().left + "px", "top": $("#collectBox").offset().top + "px" }, 500).fadeTo(0, 0.1).hide(0);

});

}

</script>