其他代码

添加到购物车动画特效jQuery插件

阿里云


这是一款 jQuery 添加到购物车动画特效插件。该插件可以非常方便的制作出点击商品购买按钮,商品飞入购物车的动画特效。

使用方法

在页面中引入 jquery 和 jquery.animate_from_to-1.0.js 文件。

也想出现在这里?联系我们
创客主机
  1. <script src="js/jquery.min.js" type="text/javascript"></script>
  2. <script src="js/jquery.animate_from_to-1.0.js"></script>

HTML 结构

使用下面的 HTML 结果来创建购物车和购买按钮。

  1. <span id="cart">
  2.     购物车
  3. </span>
  4. <div id="prod_123" style="height: 100px; width:300px; margin-top: 300px; background: pink">
  5.     <form onsubmit="return false;">
  6.         <button type="submit" id="button1">添加到购物车 (默认)</button>
  7.     </form>
  8. </div>

初始化插件

在页面 DOM 元素加载完毕之后,通过下面的方法来初始化该 jQuery 添加到购物车动画特效插件。

  1. $("#button1").click(function(){
  2.   $("#prod_123").animate_from_to("#cart");
  3. })

Github 网址:添加到购物车动画特效插件

添加到购物车动画特效 jQuery 插件

已有 622 人购买
  • x6pa
查看演示升级 VIP立刻购买

演示地址 下载地址
收藏
(1)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!