2010-09-30 3页 doc 38KB 17阅读
is_115664
暂无简介
show modal window using class 2.
3. 4.show modal window using class and overriding default size 5.
关闭弹出可以在当前页码调用hidePopWin()函数或者在弹出页面中调用window.parent.hidePopWin(),如: 1. 在 http://www.cnblogs.com/lzppcc/archive/2008/01/14/1038977.html看到到的这个弹出框很漂亮,但不能通过鼠标拖动弹出的窗口,难免遗憾,便自己写了JS代码,实现了这个功能. subModal.js //***********************以下为新增控件的拖曳事件*************************************************** var gMouseMove=false; var x,y,z //开始拖曳 function startDrag(obj){ if(event.button == 1 || event.button == 0){ x = window.event.clientX; y = window.event.clientY; z = obj.style.zIndex; obj.style.zIndex = 500; obj.setCapture(); //设置属于当前对象的鼠标捕捉 gMouseMove=true; } } //拖动事件,obj为激发当前事件的控件,dragID为等拖曳控件的ID var Draging = function Draging(obj,dragID){ if( gMouseMove ){ var oldwin; if(dragID == 'undefined' || dragID == ''){ oldwin = obj.parentNode } else{ oldwin = document.getElementById(dragID); } oldwin.style.left = pixParse(oldwin.style.left) + window.event.clientX - x; oldwin.style.top = pixParse(oldwin.style.top) + window.event.clientY - y; x = window.event.clientX; y = window.event.clientY; } } //将象素单位转为数据129px-->129 function pixParse(str){ str = str.replace('px',''); return parseInt(str); } //停止拖动 function stopDrag(obj){ gMouseMove = false; obj.style.zIndex = z; //还原Z座标 obj.releaseCapture(); } initPopUp()方法中增加了三个事件,如下