基于jQuery加入购物车飞入动画特效。这是一款电商购物网站常用的把商品加入购物车代码。效果图如下:在线预览 源码下载实现的代码。html代码: <div id="main"> <div class="demo ...
基于jQuery加入购物车飞入动画特效。这是一款电商购物网站常用的把商品加入购物车代码。效果图如下:
在线预览 源码下载
实现的代码。
html代码:
<div id="main"> <div class="demo"> <div class="box"> <img src='/images/loading.gif' data-original="images/lg.jpg" width="180" height="180"> <h4> ¥<span>3499.00</span></h4> <p> LG 49LF5400-CA 49寸IPS硬屏富贵招财铜钱设计</p> <a href="#" class="button orange addcar">加入购物车</a> </div> <div class="box"> <img src='/images/loading.gif' data-original="images/hs.jpg" width="180" height="180"> <h4> ¥<span>3799.00</span></h4> <p> Hisense/海信 LED50T1A 海信电视官方旗舰店</p> <a href="#" class="button orange addcar">加入购物车</a> </div> <div class="box"> <img src='/images/loading.gif' data-original="images/cw.jpg" width="180" height="180"> <h4> ¥<span>¥3999.00</span></h4> <p> Skyworth/创维 50E8EUS 8核4Kj极清酷开系统智能液晶电视</p> <a href="#" class="button orange addcar">加入购物车</a> </div> <div class="box"> <img src='/images/loading.gif' data-original="images/ls.jpg" width="180" height="180"> <h4> ¥<span>6969.00</span></h4> <p> 乐视TV Letv X60S 4核1080P高清3D安卓智能超级电视</p> <a href="#" class="button orange addcar">加入购物车</a> </div> </div> </div> <div class="m-sidebar"> <div class="cart"> <i id="end"></i><span>购物车</span> </div> </div> <div id="msg"> 已成功加入购物车!</div> </div>
原标题:基于jQuery加入购物车飞入动画特效
关键词:jquery
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。