<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>