你的位置:首页 > 软件开发 > Java > 基于jQuery加入购物车飞入动画特效

基于jQuery加入购物车飞入动画特效

发布时间:2015-03-25 16:01:12
基于jQuery加入购物车飞入动画特效。这是一款电商购物网站常用的把商品加入购物车代码。效果图如下:在线预览 源码下载实现的代码。html代码: <div id="main"> <div class="demo ...

基于jQuery加入购物车飞入动画特效

基于jQuery加入购物车飞入动画特效。这是一款电商购物网站常用的把商品加入购物车代码。效果图如下:

基于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 (#换成@)。

可能感兴趣文章

我的浏览记录