html整体移动,html 可以拖动多个div

html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

#main div{position:absolute;width:220px;height:150px;border:1px solid #999;}

var a;

document.οnmοuseup=function(){

if(!a)return;

document.all?a.releaseCapture():window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP);

a="";

};

document.οnmοusemοve=function (d){

if(!a) return;

if(!d) d=event;

a.style.left=(d.clientX-b)+"px";a.style.top=(d.clientY-c)+"px";

};

function move(o,e){

a=o;

document.all?a.setCapture():window.captureEvents(Event.MOUSEMOVE);

b=e.clientX-parseInt(a.style.left);

c=e.clientY-parseInt(a.style.top);

o.style.zIndex=getMaxIndex()+1;

}

function $(id){return document.getElementById(id);}

function getMaxIndex(){

var index=0;

var ds=$('main').getElementsByTagName('div');

var l=$('main').getElementsByTagName('div').length;

for (i=0;i

{

if (ds[i].style.zIndex>index) index=ds[i].style.zIndex;

}

return index;

}

html整体移动,html 可以拖动多个div相关推荐

js 实现上下拖动改变父 div 的高度，左右上下拖动动态分割孩子的宽高
1. 需求实现父 div 里面左右,上下动态分割 div,并上下改变父 div 的高度,并且宽和高都是按百分比(如图) . 2. 实现原理 2.1 父布局 <div class='hj-wr ...
html鼠标可拖动窗体,javascript div 弹出可拖动窗口
javascript div 弹出可拖动窗口更新时间:2009年02月26日 21:50:37 作者: 创建弹出div窗口. /* * 创建弹出div窗口. 1.接口说明:DivWindow(i ...
js 拖动--动态改变div的宽高大小
index.html 如下:(可以新建一个index.html文件直接复制,打开运行) <!DOCTYPE html> <html lang="en"> & ...
html整体背景居中,HTML – 如何居中背景div？
以下是我能想到的一些想法,以及他们的问题.但是,我无法重现"IE中的模糊"问题,所以我不知道哪个解决方案有或没有. 我确实把"额外标记"作为解决方案的问题,包括 ...
基于js鼠标拖动图片排序
分享一款基于js的图片排序效果.鼠标拖动图片,重新排列图片的排列顺序.该插件适用浏览器:IE8.360.FireFox.Chrome.Safari.Opera.傲游.搜狗.世界之窗.效果图如下: 在线 ...
html5元素拖动（转载黑桐）
HTML5 元素拖动 1.拖动元素img的相关设置: 设置元素可以拖动属性 draggable="true" 设置元素被拖动时触发的事件 οndragstart="dra ...
一个简单的拖动层(兼容IE,FF)
Code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3 ...
jquery插件课程1 幻灯片、城市选择、日期时间选择、拖放、方向拖动插件
jquery插件课程1 幻灯片.城市选择.日期时间选择.拖放.方向拖动插件一.总结一句话总结:都是jquery插件,都还比较小,参数(配置参数.数据)一般都是通过json传递. 1.插件配置数据 ...
JS实现右键拖动元素
最近做一个绘图的应用,需要用右键来拖动画布的父节点,网上的例子一般是左键拖动,我稍微改了一下,使用右键拖动,拖动前需要屏蔽右键触发上下文菜单: //需要拖动的块 <div id = " ...

html整体移动,html 可以拖动多个div

html整体移动,html 可以拖动多个div相关推荐

最新文章

热门文章