jQuery商品飞入购物车动画效果代码下载jQuery商品飞入购物车动画效果是一款具有加入购物车，删除内容到回收站，选择商品或内容时，内容飞入指定位置的js动画效果。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>
本站资源仅限于学习研究，严禁从事商业或者非法活动!
源码搜藏网所有源码来自互联网转载与用户上传分享，如果侵犯了您的权益请与我们联系，我们将在24小时内删除！谢谢！
下一篇：jQuery横向手风琴图片滑块
jQuery百度搜索自动补全插件jQuery特效下载排行
-
2016-12-18
-
2014-05-26
-
2016-04-25
-
2014-10-31
-
2017-02-10
-
2015-10-26
-
2017-03-24
-
2016-12-18
最新文章
-
2017-03-24
-
2017-03-24
-
2017-03-24
-
2017-03-24
-
2017-03-24
-
2017-03-24
-
2017-03-24
-
2017-03-24
热门源码
