• 提升品牌形象
  • 最新HTML5+Css3网站制作技术
  • 完全区分与同行的震撼视觉体验
  • 自动适应平板、手机及电脑屏幕
  • 详细介绍
  • 企业网站入门首选
  • 强大丰富的系统功能
  • 超过1000种页面风格
  • 每年仅需¥1500元,两年仅需¥2000元
  • 详细介绍
  • 4000/4006两种开头选择
  • 智能占线、断线呼转
  • 高达300组可呼转号码
  • 智能语音导航
  • 详细介绍

If you have any question,please contact with us.

  • 昆明网站建设-在线客服

    蛋切刀 一指
    妖异眼瞳
  • 昆明网站设计-服务电话

    4000-555-94113099998627
  • 昆明网站建设-联系地址

    昆明市官渡区岔街
    鸿运都市别墅5单元1101

HTML5 实战-微设计创意工坊 为您提供 昆明网站制作 昆明网站建设 昆明网站设计 云南网站建设 昆明网络公司

  • Home
  • /
  • HTML5 实战
11.3 拖放应用实战

11.3 拖放应用实战

在HTML5中,拖放是一个十分重要的功能,借助拖放操作的API,可以在应用程序中实现相对复.杂的功能与特效。例如,购物网中的购物车,用户可以将选中的商品以拖放的方式放入购物车中;同时,购物车接收拖来的数据,检测重复性并自动计价,实现商品入购物车的功能。在相册管理时,用户可以将需要删除的图片以拖放的方式放入回收站;回收站在接收图片时,改变回收站的图标样式,并在相册中删除被拖放的图片。

本节以购物车和相册的管理为例,详细介绍拖放功能在应用程序中的使用方法与技巧。

11.3.1 购物车的实现

通常情况下,用户在购买商品时,单击该商品的“购买”链接,便可以将该商品放入购物车中。但在HTML5中,也可以利用元素的拖放API,直接将需要购买的商品拖放至购物车中,实现购买的功能。

下面通过实例11-6介绍使用拖放API将商品拖入购物车的过程。

11.3.2 相册的管理

除了上述应用,还可以通过拖放API,将相册中的某张图片,以拖放的方式放入回收站,从而实现管理相册的功能。

下面通过实例11-7介绍使用拖放API将图片拖入回收站的过程。

本文由昆明网站建设,昆明微设计整理发布,转载请保留链接


  • If you have any question,please contact with us.

  • QQ在线客服

    蛋切刀
    可乐上瘾
    妖异眼瞳
  • 服务电话

    4000-555-94113099998627
  • 联系地址

    昆明市官渡区岔街
    鸿运都市别墅5单元1101