易网时代-编程资源站
Welcome
微信登录
编程资源
图片资源库
蚂蚁家优选
PDF转换器
软件资源
软件开发
、
小程序制作
、
系统集成与运维
、
空间租用
、
硬件开发
、
视频监控
、
技术咨询与支持
——联系电话：0311-88999002/88999003
首页
/
脚本样式
/
JavaScript
/
最简短的拖动对象代码实例演示
以前在网上看到的最简单的拖动对象的代码，忘记作者叫什么了。
原始代码在IE下有些小问题，并且声明了文档类型为xhtml 1.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> <script language="javascript"></script> </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需刷新才能执行]
收藏该网址
版权所有©石家庄振强科技有限公司2024
冀ICP备08103738号-5
网站地图
易网时代-编程资源站
易网时代-编程资源站