当前位置:首页 > 网页特效 > jQuery特效 >

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

时间:2014-05-26 17:36 来源:互联网 作者:源码搜藏 浏览:收藏 挑错 推荐 打印

  • IDC/源码/项目-广告推荐
效果预览 进入下载地址列表
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>
jQuery商品飞入购物车动画效果代码下载由源码搜藏网整理,转载请注明出处http://www.codesocang.com/tx-jq/8048.html 源码搜藏承诺:本站所有资源无病毒,无弹窗,无干扰链接!

jQuery特效下载排行

最新文章