- 浏览: 844348 次
- 性别:
- 来自: 广州
文章分类
- 全部博客 (530)
- Java编程 (64)
- C/C++/D (6)
- .Net/C# (9)
- Ruby (12)
- JavaScript (77)
- XML (1)
- JSON (1)
- Ajax (17)
- ExtJs (81)
- YUI (1)
- JQuery (7)
- DWR (1)
- HTML (7)
- CSS (7)
- Database (6)
- PowerDesigner (23)
- DB2 (2)
- Oracle (57)
- MS SQL Server (8)
- MySQL (6)
- JSP/Servlet/JSTL/TagLib (3)
- Spring (1)
- Hibernate (0)
- iText (0)
- Struts (0)
- Struts2 (0)
- iReport (0)
- FreeMarker (0)
- HttpClient (1)
- POI (6)
- FckEditor (15)
- Eclipse / MyEclipse (10)
- IntelliJ IDEA (0)
- NetBeans (0)
- Tomcat (11)
- WebLogic (1)
- Jboss (3)
- jetty (4)
- IIS (2)
- CVS/VSS (1)
- FTP (1)
- Windows/DOS (6)
- Linux/Unix (0)
- 软件建模 UML (0)
- Design Pattern & Thinking In Programming (10)
- 数据结构与算法 (12)
- 软件项目管理 (9)
- 行业应用解决方案 (3)
- 电脑软件与故障解决 (13)
- 编程语言 (1)
- 十万个为什么 (3)
- JBPM (2)
- sysbase (2)
- JDBC (8)
- Ant (2)
- Case-计算机辅助软件工程 (1)
- WebService (4)
- 浏览器 (1)
最新评论
-
gaoqiangjava:
同一楼,还请大手帮解决
JAVA读取word文件 -
hyl523:
// 判断数组中的第一个值是否未定义,如果未定义,便定义为空对 ...
javascript面向对象之二 命名空间 -
ping12132200:
ping12132200 写道我抱着个错不是因为:body标签 ...
extjs在IE报对象不支持此属性或方法 -
ping12132200:
我抱着个错不是因为:body标签内的第一个元素不能为文本tex ...
extjs在IE报对象不支持此属性或方法 -
fireinjava:
呀,不错,转走了,谢谢啦~
利用OpenOffice将word转换成PDF
<html> <head> <meta http-equiv="Content" content="text/html;chartset=utf-8"> <title>test drag</title> <style type="text/css"> <!-- .drag { width:100px; height:100px; position:absolute; left:10px; top:10px; background-color:blue; } --> </style> <script type="text/javascript"> <!-- function drag(target,event) { var deltaX = event.clientX-parseInt(target.style.left); var deltaY = event.clientY-parseInt(target.style.top); document.attachEvent("onmousemove",movehandle); document.attachEvent("onmouseup",uphandle); function movehandle() { target.style.left = event.clientX-deltaX; target.style.top = event.clientY-deltaY; } function uphandle() { document.detachEvent("onmousemove",movehandle); document.detachEvent("onmouseup",uphandle); } } --> </script> </head> <body> <div id="drag1" class="drag" style="left:10px;top:10px;background-color:red;" onmousedown="drag(this,event);" >show me you 2</div> <div id="drag" class="drag" onmousedown="drag(this,event);" style="left:10px;top:10px;">show me you</div> </body> </html>
发表评论
-
javascript面向对象之一 类
2011-06-06 16:46 1001javascript中的类多数是用 ... -
javascript面向对象之二 命名空间
2011-06-06 16:24 1234javascript中本没有命名空间的概念,但是要体现面向对象 ... -
网页特效代码
2011-06-01 16:38 10811. Flip! 一个 jQuery 插件 http://l ... -
js 操作select 大全
2010-11-04 13:49 7401判断select选项中 是否存在Value="pa ... -
Dialog 超酷js弹出层 完美兼容所有浏览器 华丽呈现超强功能
2010-11-03 13:05 1375http://www.iteye.com/topic/4800 ... -
IE6对display:table-row不支持
2010-11-02 19:34 1595http://topic.csdn.net/u/2010070 ... -
javascript中字符串转化为json对象
2010-07-30 09:11 1224http://www.json.org/js.html To ... -
IE6的base标签导致页面结构大混乱
2010-07-20 16:27 1074这是一个非常隐秘也是非常强大的bug,我真不知微软的IE开发人 ... -
汇总让IE6崩溃的几种方法
2010-07-20 16:25 1140经常遇到莫名其妙让IE6崩溃的事情。今天看到了一篇好文章,数字 ... -
JS添加事件处理函数
2010-07-08 23:41 1094作为一种事件驱动的编 ... -
js压缩工具
2010-07-04 23:50 1803javascriptcompressor.com ( ... -
Javascript 中 ShowModalDialog 的使用方法
2010-06-21 16:13 1427ShowModalDialog函数的功能 ... -
xtree的基本应用---入门级
2010-06-21 16:08 1232由于公司要求做一棵关于公司员工选择的JS控件树,以前我们一直使 ... -
javascript实现上传图片前的预览效果
2010-06-16 20:35 1400<script>function yulan(){ ... -
重写window.confirm函数
2010-06-12 11:06 2359重写window.confirm函数为了让它能够默认选择取消按 ... -
改善window的alert提示信息框样式
2010-06-12 11:05 1456<input type="button&quo ... -
jsgraphics图形库
2010-05-10 22:58 1627http://www.walterzorn.com/jsgra ... -
JavaScript图形库jsGraphics
2010-05-10 22:57 2481JavaScript图形库Raphaël < JavaS ... -
千一JS控件
2010-05-10 22:31 871千一JS控件--滑块条 千一JS控件--进度条 千一JS控 ... -
JavaScript 生成曲线图
2010-05-10 22:28 1255引用方法 new gov.Graphic(par1,par2 ...
相关推荐
一个关于javascript的拖拽的例子,很简单,新手学习用。
这个“JS 拖拽例子”是一个教学实例,旨在展示如何在网页上实现拖放操作。下面我们将详细讨论拖放的基本原理和实现步骤。 首先,拖放功能涉及到两个主要事件:`dragstart` 和 `drop`。当用户开始拖动一个元素时,会...
在"bootstarp拖拽布局例子"中,我们主要关注的是如何利用Bootstrap的工具和特性来实现用户友好的拖拽布局,这在设计网页时非常实用,尤其是对于希望创建类似于QQ空间小窝布局模式下自由布局的体验。 Bootstrap的...
这个“小例子,jsp实现的拖拽功能”旨在演示如何在JavaServer Pages(JSP)中集成拖放功能,让用户能够通过鼠标直接拖动元素在页面上进行操作,如移动、排序或者进行其他数据处理。本文将深入探讨这个主题,解释相关...
在这个"JQuery实现的GridView行拖拽例子"中,我们将深入探讨如何利用jQuery来实现GridView控件中行的拖放功能,这是一种增强用户交互性和界面动态性的常见方法。 首先,GridView是ASP.NET中用于显示数据的一种Web...
学习这两个例子,我们可以理解JavaScript拖拽的基本原理,并对比不同实现方式的适用场景。纯JavaScript拖拽适合小型项目,追求轻量化;而基于jQuery UI的拖拽则适用于需要高级特性和跨平台兼容性的复杂应用。在实际...
在"js 小项目练习,jQuery 小例子"中,我们可以看到几个基于jQuery实现的常见功能: 1. **菜单**:jQuery可以轻松地创建动态菜单,包括下拉菜单、滑动菜单等。通过监听用户的鼠标事件,如hover(悬停)和click...
总的来说,掌握JavaScript拖动技术对于前端开发者来说是至关重要的,因为它能为网页增添生动性和用户友好性。通过理解这个示例,你可以进一步提升你的JavaScript技能,并将这种交互式设计应用到实际项目中。
标题 "Demo.rar_DEMO_javascript 拖动" 暗示了这是一个关于JavaScript实现的交互式表格功能的示例,特别关注于行和列的拖动以及自动排序。在这个项目中,用户可以通过点击表头来对数据进行排序,同时也能通过拖动列...
在这个"Ajax拖拽例子代码"中,我们可以看到如何利用jQuery库来实现类似Chinaren的拖拽界面效果。 首先,我们来看`index.html`,这是网页的主文件,通常包含HTML结构以及引入其他资源如CSS和JavaScript文件的链接。...
"一个基于纯JavaScript实现表格列拖动、排序的功能的js类库源码及例子" 提供了一个解决方案,让开发者能够轻松地为他们的网页应用添加动态且用户友好的功能。这个类库专门针对表格数据展示,允许用户通过拖动列头来...
“可拖动的菜单”则是利用了JavaScript的拖放功能。用户可以将菜单项拖动到不同的位置,以自定义菜单布局。这需要实现拖放事件监听,计算拖动元素的位置,并更新DOM结构。 “Flash菜单效果”虽然提及,但在现代Web...
总结来说,这个例子展示了如何使用JavaScript(特别是jQuery库)结合HTML和CSS实现图片预览功能,包括滚动时自动放大缩小图片以及拖动查看图片的不同部分。开发者完全自定义了这些行为,提供了良好的用户体验。通过...
在"10个图片与布局拖拽例子"中,我们可以学习到如何使用JavaScript和CSS来实现这些功能。JavaScript通常用于处理用户的拖放动作,监听鼠标事件,计算元素的位置,并更新DOM以反映这些变化。CSS则用于定义元素的样式...
当我们谈论"javascript脚本例子"时,这通常指的是EXTJS 2.0.2提供的示例代码。在下载的资源中,"examples"文件夹是核心部分,它包含了大量的演示和教程,展示了EXTJS库的各种功能。开发者可以通过这些示例学习如何...
本文将详细解析"拖拽上传控件及其例子"这一主题,包括核心概念、技术实现以及示例代码。 拖拽上传是利用HTML5的拖放(Drag and Drop)API来实现的一种功能,允许用户直接通过鼠标或触屏设备从桌面或其他网页拖动文件...
这是3721的页面,这个页面现在已经不可用了,但拖拽很稳定 可以任意拖拽,功能实现的不错,虽然javascript代码很多 但好多都是每个模块中嵌的内容 可以根据自己的需要删减 我已经用这个改写了一个可以拖拽后保存到数据库...
在这个"EXT 控件拖动例子"中,我们将深入探讨EXTJS如何实现控件的拖放功能,以及如何在动态布局中运用这一特性。 EXTJS 提供了一个名为`Ext.dd.DragDrop`的接口,它使得在界面上的元素可以被拖动和放置。这个接口...
EXTJS是一种基于JavaScript的前端开发框架,主要用于构建富互联网应用程序(Rich Internet Applications,RIA)。它由Sencha公司开发,提供了一套完整的组件化、可拖拽的用户界面元素,以及强大的数据绑定和数据管理...
在这个“javascript效果例子”压缩包中,很可能包含了一系列使用JavaScript编写的示例代码,旨在展示如何利用该语言创建各种吸引人的视觉效果和用户交互功能。 1. **DOM操作**:JavaScript可以通过Document Object ...