最简短的拖动对象代码实例演示

以前在网上看到的最简单的拖动对象的代码，忘记作者叫什么了。
原始代码在IE下有些小问题，并且声明了文档类型为xhtml1.0后，在FF等非IE浏览器下无效，对其进行了改进，现在已经可兼容:IE、Firefox、Opera...
以下代码只是演示原理，具体应用请结合你自己的实际需求进行修改。
<!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312"> <head> <title> 代码实例：拖动对象 Drag Object (兼容:IE、Firefox、Opera ... )</title> <meta http-equiv="content-type" content="text/html; charset=gb2312" /> <meta name="editor" content="枫岩,http://www.cnlei.com"> <meta name="keywords" content="代码实例：拖动对象"> <meta name="description" content="最简短的拖动对象代码实例演示"> <style> .dragAble {position:relative;cursor:move;} </style> </head> <body> <img src="http://www.iecn.net/images/user_icons/2006/10/01/u_35653.gif" class="dragAble" /> <img src="http://www.iecn.net/images/user_icons/2006/10/01/u_35653.gif" class="dragAble" /> <img src="http://www.iecn.net/images/user_icons/2006/10/01/u_35653.gif" class="dragAble" /> 这些都是可拖动对象 </body> </html>
[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

最简短的拖动对象代码实例演示

相关推荐

通过js实现经典的带阴影的可拖动的浮动层特效

es6对象操作实例详解

js原型对象操作实例分析

js 数组和对象的深拷贝操作示例

es6 symbol在对象中的作用实例分析

原生js封装拖动验证滑块的实现代码示例

javascript window浏览器对象模型原理解析

jquery高级应用deferred对象原理及使用实例

可拖动窗口，附带鼠标控制渐变透明，开启关闭功能

div任意拖动的问题

document对象execcommand的command参数介绍

如何遍历对象的属性?

array对象方法参考

浅谈javascript中面向对象技术的模拟

popup对象实现右键菜单

prototype.js的ajax对象

在javascript中为string对象添加trim,ltrim,rtrim方法

获取dom对象的几种扩展及简写

怎样调用动态获取的自定义对象的方法

javascript的面向对象(一)

javascript的面向对象(二)

小议function.apply() 之一------(函数的劫持与对象的复制)

拖动层效果，兼容ie和ff!第1/2页

建立完全独立的js对象

拖动html元素集合 drag and drop any item

拖动一个html元素

jquery实现仿jqueryui可拖动的div实例

js实现弹出浮动窗口(支持鼠标拖动和关闭)实例详解

javascript实现可拖拽的拖动层div实例

评论

在线客服