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

网络编程发布日期：2024/10/15 浏览次数：1

正在浏览：最简短的拖动对象代码实例演示

以前在网上看到的最简单的拖动对象的代码，忘记作者叫什么了。
原始代码在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>  </head> <body> <a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/u_35653.gif');"><img src="/UploadFiles/2021-04-02/u_35653.gif" alt="最简短的拖动对象代码实例演示" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a> <a href="javascript:;" onclick="showimg('http://www.iecn.net/images/user_icons/2006/10/01/u_35653.gif');"><img src="http://www.iecn.net/images/user_icons/2006/10/01/u_35653.gif" alt="最简短的拖动对象代码实例演示" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a> <a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/u_35653.gif');"><img src="/UploadFiles/2021-04-02/u_35653.gif" alt="最简短的拖动对象代码实例演示" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a> 这些都是可拖动对象 </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

上一篇：禁止刷新，回退的JS

下一篇：用函数式编程技术编写优美的 JavaScript

一句话新闻

一文看懂荣耀MagicBook Pro 16

荣耀猎人回归！七大亮点看懂不只是轻薄本，更是游戏本的MagicBook Pro 16.
人们对于笔记本电脑有一个固有印象：要么轻薄但性能一般，要么性能强劲但笨重臃肿。然而，今年荣耀新推出的MagicBook Pro 16刷新了人们的认知——发布会上，荣耀宣布猎人游戏本正式回归，称其继承了荣耀 HUNTER 基因，并自信地为其打出“轻薄本，更是游戏本”的口号。
众所周知，寻求轻薄本的用户普遍更看重便携性、外观造型、静谧性和打字办公等用机体验，而寻求游戏本的用户则普遍更看重硬件配置、性能释放等硬核指标。把两个看似难以相干的产品融合到一起，我们不禁对它产生了强烈的好奇：作为代表荣耀猎人游戏本的跨界新物种，它究竟做了哪些平衡以兼顾不同人群的各类需求呢？