深入学习HTML5的拖放功能视频教程 Lynda.com HTML5 Drag and Drop in Depth [光盘镜像]

游客，本帖隐藏的内容需要积分高于 1 才可浏览，您当前积分为 0

资源信息： 中文名: 深入学习HTML5的拖放功能视频教程 英文名: Lynda.com HTML5 Drag and Drop in Depth 资源格式: 光盘镜像 主讲人: Bill Weinman 发行日期: 2011年 对白语言: 英语 文字语言: 英文 概述:

语言：英语 网址：http://www.lynda.com/HTML-5-tutorials/HTML5-Drag-and-Drop-in-Depth/84812-2.html 类别：教程 （xuehui@TLF） Lynda.com 出品的时长1小时的 深入学习HTML5的拖放功能 视频教程。由Bill Weinman演示了JavaScript和HTML5的联合运用，使几乎所有的网页元素都可以拖动，并且能够增强浏览器的支持而不再需要外部数据库(比如jQuery)的技术。内容包括检测用户浏览器的拖放支持，编写一个简单事件监听程序，使用拖放区。举例一个简单运作的游戏，实践能够适用于几乎任何网站上拖放功能的执行。本教程附带练习文件。 Course name: HTML5: Drag and Drop in Depth Author: Bill Weinman Duration: 01h 00m Released on: 7/26/2011 In HTML5: Drag and Drop in Depth, Bill Weinman shows how to make just about any web page element draggable with a combination of JavaScript and HTML5, a technique that has increased browser support and that eliminates the need for external libraries such as jQuery. The course covers how to detect drag-and-drop support in the user's browser, code a simple event listener, use a drop zone, and even receive dropped objects without a drop zone. A simple working example game, a practical implementation of drag-and-drop that can be applied to almost any web site, is also demonstrated. Exercise files are included with the course. Topics include: Exploring the HTML/Javascript/CSS/DOM relationship Detecting drag and drop support Using the HTML5 draggable and dropzone attributes and onDragStart event Exploring different events Receiving drops with or without a drop zone Creating a simple game 下载链接来自TLF 未经过安装测试与安全检测，使用者后果自负与本论坛无关 软体版权归原作者及其公司所有，如果你喜欢，请购买正版 目录: Introduction Welcome 00m 53s Using the exercise files 01m 05s The JavaScript library 01m 35s The CSS files 01m 57s 08m 38s 1. Overview Understanding HTML5 drag and drop 02m 07s Exploring a sample drag-and-drop application 06m 31s 27m 48s 2. The Details Detecting drag-and-drop support 03m 31s Coding a simple event listener 05m 12s Exploring the different events 10m 02s Using a drop zone 06m 05s Receiving drops without a drop zone 02m 58s 17m 59s 3. A Case Study Creating a simple game 04m 23s Exploring the RPS code 10m 12s Exploring the RPS CSS 03m 24s 00m 55s Conclusion Next steps 00m 55s 代码 .· ░░░ ·■. ▀ ▓▄■ ■ ▄░ ■▄░ ▀▄ zk ■ ▄▓█████▓▄ ▀▄ · ▄▓ ▄███▄░ ▄▄▄▄████ ░▄███▄ ▀▓█▄▄▄▄▄▄░ · ████▀▀▀███▄ ██▄ ▄██ █████████▄ ▒█████▀▀██ ▄█████████▄ ██████████▄ ▒███ ▓██░███ ███ ▓██▀ ▀██▓ ▓██▓ ▓██░███▀ ▓███ ███ ▀██▓ ▓███ ▓██▓███░ ███░███░ ▓██░███░ ▄██▀ ██▓ ░███░███ ▓█▓ ▓███ ▓██████░ ███████ ▀██████ ▀ ██▀ ███▓███░ ▄▓█▓ ▓██▓ ███████░ ████████████████████████████████████████████████▀▀ ▒██▓ ░▄ ███▓███░ ███░██▀▀▀▀▀▀▀██▓▀▀▀▀▀▀▀▀███▓██▀▀▀▀▀▀▀██▀███▀▀▀▀███▄ ███▄ ▓█▄███░███░ ███░███░ ▓██░ ▄▄▄■ ███░██▓░ ░███ ▓██ ███░ ▀█████████░ ███▓░ ▄███ ██▀ ▀██ ███ ░██▓ ██▀ ▓██ ▓██ ▓██▓ ▀▀▓▓░███▄ ▀█████████▀ █▀ ▀█ ████▄▄▄███▒▄▀ ▀█▓███ ░███ ▀██▄ ▀▀▓▓░▀▀ ▀ ▀ ▀▀█████▀▀ .░ ▓██ ▀ .· ▄█▀ ▀ ▀ QUASAR PROUDLY PRESENTS · ───────────────────────────────────────────────────────────────────────── · HTML5 Drag and Drop in Depth (c) Lynda.com Supplier . : QUASAR Size ..... : 10 x 15MB Cracker .. : QUASAR Protection : Condom Packager . : QUASAR Type ..... : Brain Enhancement Date ..... : 07–27–2011 OS ....... : Win/Mac · ───────────────────────────────────────────────────────────────────────── · HTML5 Drag and Drop in Depth Author: Bill Weinman In HTML5: Drag and Drop in Depth, Bill Weinman shows how to make just about any web page element draggable with a combination of JavaScript and HTML5, a technique that has increased browser support and that eliminates the need for external libraries such as jQuery. The course covers how to detect drag–and–drop support in the user's browser, code a simple event listener, use a drop zone, and even receive dropped objects without a drop zone. A simple working example game, a practical implementation of drag– and–drop that can be applied to almost any web site, is also demonstrated. Exercise files are included with the course. Topics include: * Exploring the HTML/Javascript/CSS/DOM relationship * Detecting drag and drop support * Using the HTML5 draggable and dropzone attributes and onDragStart event * Exploring different events * Receiving drops with or without a drop zone * Creating a simple game · ───────────────────────────────────────────────────────────────────────── · INSTALLATION ──────────── Unpack, burn or mount and enjoy. · ───────────────────────────────────────────────────────────────────────── · GREETINGS ───────── We salute our friends, our loyal members and our fair competitors. · ───────────────────────────────────────────────────────────────────────── · ░▓██████████████▓░ ··· THE ALMIGHTY QUASAR · 2011 ··· ░▓██████████████▓░ · ───────────────────────────────────────────────────────────────────────── ·