可以实现拖动的DIV模态窗口代码

时间:2012-07-12 07:16:43
【文件属性】:

文件名称:可以实现拖动的DIV模态窗口代码

文件大小:3KB

文件格式:RAR

更新时间:2012-07-12 07:16:43

div模态窗口 JS模态窗口

可实现任意拖动,有标题栏功能 var moveFlag = 0;//拖曳是否开始(0:否,1:是) var mouseBeginX = 0;//鼠标的起始x座标 var mouseBeginY = 0;//鼠标的起始y座标 var modeBeginTop = 0;//拖曳对象当前的top值 var modeBeginLeft = 0;//拖曳对象当前的left值 ///

鼠标按下事件 function selectBegin(e){ moveFlag = 1; e.setCapture(); //鼠标起始x,y座标值 mouseBeginX = parseInt(document.body.scrollLeft) + parseInt(event.clientX); mouseBeginY = parseInt(document.body.scrollTop) + parseInt(event.clientY); //拖曳对象起始top,left值 modeBeginTop = parseInt(e.offsetTop); modeBeginLeft = parseInt(e.offsetLeft); }


【文件预览】:
mode_window
----inner.html(1KB)
----default.htm(2KB)
----mode_window.js(4KB)
----mode_window.css(478B)

网友评论