层拖动Drag Div

代码如下:
<!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"> <head> <title> new document </title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="generator" content="editplus" /> <meta name="author" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /> </head> <body> <script type="text/javascript">  </script> <div id="divA" style="cursor:pointer; border:solid 1px" οnmοusedοwn="if (!g_CatchDiv) {CatchMoveDiv(this, this.innerText);}" οnmοusemοve="if (g_CatchDiv && g_obj != this) {if (confirm('你确定将〖' + g_objName + '〗移动到〖' + this.innerText + '〗下吗？')) {}}">AAA</div> <div> </div> <div id="divB" style="cursor:pointer; border:solid 1px" οnmοusedοwn="if (!g_CatchDiv) {CatchMoveDiv(this, this.innerText);}" οnmοusemοve="if (g_CatchDiv && g_obj != this) {if (confirm('你确定将〖' + g_objName + '〗移动到〖' + this.innerText + '〗下吗？')) {}}">BBB</div> <div id="divMove" style="position:absolute;display:none; z-index:0;"></div> <input id="btnSubmit" type="submit" οnmοusedοwn="if (!g_CatchDiv) {CatchMoveDiv(this, this.value);}" οnmοusemοve="if (g_CatchDiv && g_obj != this) {if (confirm('你确定将〖' + g_objName + '〗移动到〖' + this.value + '〗下吗？')) {}}" value="Submit" /> <input type="reset" οnmοusedοwn="if (!g_CatchDiv) {CatchMoveDiv(this, this.value);}" οnmοusemοve="if (g_CatchDiv && g_obj != this) {if (confirm('你确定将〖' + g_objName + '〗移动到〖' + this.value + '〗下吗？')) {}}" value="Reset" /> </body> </html>
[Ctrl+A 全选提示:你可先修改部分代码,再点运行代码]

转载于:https://www.cnblogs.com/sesexxoo/archive/2009/02/09/6189793.html

层拖动Drag Div相关推荐

js 拖动多div层，， IE，FF下多可行。
<html> <head> <meta http-equiv="Content-Type" content="text/html;chars ...
鼠标拖动改变DIV等网页元素的大小的最佳实践
1.初次实现 1.1 html代码 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" la ...
php 页面拖动改变大小,鼠标拖动改变DIV等网页元素的大小的实现方法
1.初次实现 1.1 html代码 div change width by drag div change width by drag 1.2 js代码 var eleLeft = $('#myDiv ...
浮层java_通过遮罩层实现浮层DIV登录的js代码
摘要:这篇JavaScript栏目下的"通过遮罩层实现浮层DIV登录的js代码",介绍的技术点是"浮层DIV.JS代码.div.遮罩层.登录.代码",希望对大家 ...
Jquery实现鼠标拖动改变div高度
前言鼠标拖动该DIV实现自动改变高度扩展内容显示区域. 以下是一个设计原型,基于jQuery实现,只实现了拖动效果,没有做页面美化,可以根据需求做相应修改. 转自:http://www.cnblog ...
vue制作可拖动的div（超级简单）
一下方法也是我百度的但是筛选了好几个发现这个最简单只要两步: 1.在单文件组件中将这个自定义指令复制进去 2.在需要的div 写上这个指令即可 // 自定义指令实现可拖动directives: ...
html5 jquery 鼠标拖动例子,jquery实现鼠标拖动实现DIV排序示例代码
先上效果图: 对比传统的排序,这是一个很不错的尝试,希望对大家有启发. 大家可以参考我的上一篇博文://www.jb51.net/article/42087.htm html部分: 指标: 注:可以通 ...
android div拖动排序,鼠标拖动实现DIV排序示例代码
先上效果图: 对比传统的排序,这是一个很不错的尝试,希望对大家有启发. 大家可以参考我的上一篇博文:https://www.jb51.net/article/42087.htm html部分: 指标: ...
QT 实现鼠标拖动(drag)和放下(drop）代码（图形操作四）
拖动的对象: #include "outlistitem.h" #include "ui_outlistitem.h"OutListItem::OutListI ...

层拖动Drag Div

层拖动Drag Div相关推荐

最新文章

热门文章