Pages

Subscribe:

Ads 468x60px

Labels

2014年12月15日 星期一

jquery超强定制购物车插件minicart

minicart是一款可定制性非常高的购物车插件,几行代码就可以让你的网站拥有一个简单且用户管理方便的购物车,而购物车的功能可以根据你网站的需求来定制,因为minicart提供了丰富的API给你调用。minicart可提高购物车的体验性,你的网站一旦拥有了它,将非常便捷的帮助用户管理自己的购物车。 http://www.jqcool.net/jquery-minicart.html

jQuery EasyUI 拖放 - 创建拖放的购物车

如果您能够通过您的 Web 应用简单地实现拖动和放置,您就会知道一些特别的东西。通过 jQuery EasyUI,我们在 Web 应用中可以简单地实现拖放功能。 在本教程中,我们将向您展示如何创建一个启用用户拖动和放置用户想买的商品的购物车页面。购物篮中的物品和价格将更新。 显示页面上的商品 正如您所看到的上面的代码,我们添加一个包含一些
  • 元素的
      元素来显示商品。所有商品都有名字和价格属性,它们包含在

      元素中。 创建购物车

      Shopping Cart

      Name Quantity Price

      Total: $0

      Drop here to add to cart

      我们使用数据网格(datagrid)来显示购物篮中的物品。 拖动克隆的商品 $('.item').draggable({ revert:true, proxy:'clone', onStartDrag:function(){ $(this).draggable('options').cursor = 'not-allowed'; $(this).draggable('proxy').css('z-index',10); }, onStopDrag:function(){ $(this).draggable('options').cursor='move'; } }); 请注意,我们把 draggable 属性的值从 'proxy' 设置为 'clone',所以拖动元素将由克隆产生。 放置选择商品到购物车中 $('.cart').droppable({ onDragEnter:function(e,source){ $(source).draggable('options').cursor='auto'; }, onDragLeave:function(e,source){ $(source).draggable('options').cursor='not-allowed'; }, onDrop:function(e,source){ var name = $(source).find('p:eq(0)').html(); var price = $(source).find('p:eq(1)').html(); addProduct(name, parseFloat(price.split('$')[1])); } }); var data = {"total":0,"rows":[]}; var totalCost = 0; function addProduct(name,price){ function add(){ for(var i=0; i
  • 2014年12月14日 星期日

    站長之家 介紹

    網址:http://down.chinaz.com/ 提供程式討論與源代碼

    大量使用 AJAX 效果的購物車 - TomatoCart

    TomatoCart is a professional and innovative open source eCommerce solution. The back-end is an impressive desktop-like ExtJS-powered interface, offering significant usability improvements and user experience. It's the most easy-to-use shopping cart. TomatoCart 是一個專業、創新的開放原始碼電子商務解決方案,後端使用了讓人驚豔的網頁桌面系統,使用 ExtJS 打造,大幅改善了介面的實用性與使用者體驗。這是最容易使用的購物車。 大概用了一下,後端管理介面蠻流暢的,用網頁桌面作為基礎的感覺確實很有趣,而且看起來成熟度蠻高的 官網:http://www.tomatocart.com/

    腳本之家-介紹

    網址:http://www.jb51.net/ 提供程式討論與程式碼下載

    學布園介紹

    網址:http://www.xuebuyuan.com/ 內容豐富值得推薦