`
withyou
  • 浏览: 455036 次
社区版块
存档分类
最新评论

[翻译] 如何在 JavaScript 中实现拖放(上)

阅读更多
     摘要:JavaScript擅长于修改页面中的DOM元素,但是我们使用JavaScript通常只是实现一些简单功能,例如实现图片的翻转,网页中的标签页,等等。这篇文章将向你展示如何在页面中,对创建的元素实现拖放。
(译者注:原文发布已有一段时间,但感觉作者思路清晰明了,值得一读。文章一次看完比较好,但时间有限,我会尽快将剩下部分补上)  阅读全文

Flyingis 2006-10-11 16:20 发表评论
分享到:
评论

相关推荐

    ExtJS4官方指南翻译:DragandDrop拖放/Grid组件/Tree组件/容器与布局

    在"ExtJS4官方指南翻译:DragandDrop拖放/Grid组件/Tree组件/容器与布局"中,我们将会探讨以下几个核心概念: 1. **Drag and Drop(拖放)**: ExtJS4提供了完善的拖放支持,允许用户通过鼠标操作在界面上移动元素...

    react-Reactjs漂亮可移植性列表拖拽库文档中文翻译

    在上述代码中,`DragDropContext`包裹整个组件,定义了拖放上下文。`Droppable`组件定义了一个可以接受拖放元素的区域,而`Draggable`组件则表示可以被拖动的元素。`onDragEnd`函数处理拖放结束时的逻辑,更新列表...

    jquery easyui 翻译

    在电商应用中,实现类似购物车的拖放功能是常见的需求。以下展示了如何创建一个简单的购物车: ```html <!-- 产品列表 --> <!-- 购物车内容 --> ``` 产品列表由 `ul` 元素中的 `li` 元素表示,每个产品包括...

    ASP.NET客户关系管理系统的实现(源代码+文献综述+外文翻译+答辩PPT).rar

    在这个“ASP.NET客户关系管理系统的实现”项目中,开发者利用ASP.NET技术来设计并实现了客户关系管理系统(CRM),这是一套用于企业管理和维护客户关系的重要工具。 CRM系统的主要目标是通过收集、分析、组织和利用...

    翻译翻译什么叫HTML5(一)配套代码资源包

    10. **拖放功能**:HTML5的拖放API使得用户可以方便地在网页元素之间拖放内容,无需复杂的JavaScript实现。 这个资源包可能包含了这些功能的实例代码,帮助开发者了解和学习如何在实际项目中应用HTML5。通过`code1`...

    翻译翻译什么叫HTML5(四)配套资源

    8. **Drag and Drop**:支持拖放操作,使得用户可以直接在网页上拖放元素,提升交互性。 9. **Form控件**:更新了表单控件,如新增了日期选择器、搜索框等,提高了用户体验。 10. **连接性增强**:WebSocket提供...

    基于ASP.NET的客户关系管理项目设计与实现(项目报告+源代码+文献综述+外文翻译+答辩PPT).zip

    4. **AJAX(Asynchronous JavaScript and XML)**:ASP.NET支持AJAX,允许创建异步的、部分刷新的用户界面,提高用户体验,特别是在数据密集型的CRM系统中。 5. **安全性**:ASP.NET内置的安全特性包括身份验证、...

    react-dnd-in-chinese:react-dnd 中文文档

    React DND(Drag and Drop)中文文档主要涵盖了在React应用中实现拖放功能的相关知识点。React DND是一个流行的JavaScript库,它使得在React组件中添加拖放行为变得简单且直观。下面将详细介绍这个库的核心概念、...

    ASP.NET网络商店设计与实现(源代码)

    此外,HTML、CSS和JavaScript也是构建UI不可或缺的部分,开发者可能利用Bootstrap或自定义CSS来实现响应式布局,确保商店界面在不同设备上都能良好展示。 数据库管理是任何电子商务系统的基础。ASP.NET通常与SQL ...

    js弹出可拖动计算器代码.zip

    该压缩包"js弹出可拖动计算器代码.zip"包含了一个实用的JavaScript实现的可拖动计算器代码。这个计算器不仅能够进行基本的计算操作,还具有动态效果和用户交互功能,使得它在网页中可以作为一个方便的小工具使用。...

    网站建设技术外文翻译

    在网站中应用CSS,可实现页面的统一风格,提升视觉效果。 #### 3.2 应用JavaScript设计网页 JavaScript是一种脚本语言,它的出现让网页从静态展示转变为动态交互,增强了用户体验。通过JavaScript,网页可以实时...

    ASP.NET小型证券术语解释及翻译系统的设计与开发(源代码+论文).rar

    2. **Web Forms**:在这个项目中,可能使用了Web Forms模式,这是一种基于控件的模型,允许开发者通过拖放控件来创建用户界面,类似于Windows桌面应用的开发体验。 3. **C#编程**:ASP.NET通常使用C#作为后端编程...

    ext2.0中文语言包gb2312格式

    这个文件包含了所有EXT JS组件和方法的中文翻译,通过在应用程序中引用这个文件,可以将EXT JS的默认英文界面转换为中文。使用时,开发者通常会在EXT JS的初始化代码中指定这个语言文件,例如: ```javascript Ext....

    Android Web应用高级编程(源代码)

    《Android Web应用高级编程》是针对使用HTML5、CSS3和JavaScript在Android平台上开发Web应用的专业指南。这本书由张龙翻译,旨在帮助开发者利用这些现代Web技术构建高性能、功能丰富的移动应用。 HTML5是Web开发的...

    Jquery周历插件weekCalendar汉化并实现单日显示

    在Web开发中,日历插件是一种常见的用户交互元素,尤其对于日程管理、时间预约等应用场景尤为重要。jQuery WeekCalendar是一款强大的周历插件,它允许用户直观地查看和管理一周的日程。本文将详细介绍如何对这个插件...

    QT-Drag-Translator:为个人方便创建拖动翻译器

    在这里,JavaScript作为后端处理语言,负责处理拖放事件中的翻译逻辑。 4. **翻译API**:QT-Drag-Translator可能使用了某种在线翻译服务的API,如Google Translate API或Bing Translator API,来实现翻译功能。这些...

    简易而又灵活的Javascript拖拽框架(一)

    js拖拽的时候,发现了一个强大而又灵活的拖拽框架,(之前用了代码混淆器,还好代码比较短,我就翻译过来了)利用这个框架不仅能实现简单的拖动,更能轻易的实现各种复杂的拖放功能。这一篇先实现最简单的拖拽,稍微...

    Activiti流程设计汉化

    在国际化(i18n)开发中,这种JSON文件通常用于存储不同语言环境下的字符串资源,便于程序根据用户设置的语言加载相应的翻译。通过修改和更新en.json,开发者或用户可以实现Activiti界面的中文显示,使得中国用户...

    FullCalendar的使用demo

    全历组件FullCalendar是一款强大的JavaScript库,用于在网页上展示日程、事件和时间表。这个"FullCalendar的使用demo"提供了使用FullCalendar的基本示例,帮助开发者快速理解和应用到自己的项目中。以下是对该Demo的...

Global site tag (gtag.js) - Google Analytics