<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<link href="css.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript" >
function openEva(childwidth,childheight,childtitle,childurl,childtop,childleft,markclose,isclose){
var nav = new Navigator();
nav.createWin(childwidth,childheight,childtitle,childurl,childtop,childleft,markclose,isclose);
}
var preObjects = null;
var Navigator = function(id){
this.id = id;
};
Navigator.initIndex = 0;
// Navigator.CONTAINER = "navigator";
Navigator.prototype.createWin = function(childwidth,childheight,childtitle,childurl,childtop,childleft,markclose,isclose){
if(childleft<10)
{
childleft=10;
}
if(childtop<10)
{
childtop=10;
}
if(childleft>(document.documentElement.offsetWidth-20))
{
childleft=10;
}
if(childtop>(document.documentElement.clientHeight-20))
{
childtop=10;
}
if(childwidth>document.documentElement.offsetWidth)
{
childwidth=document.documentElement.offsetWidth-15;
}
if(childheight>document.documentElement.clientHeight)
{
childheight=document.documentElement.clientHeight-50;
}
var heightmassagebox=childheight+28;
Mark.showHintDiv();
var html = "";
var container = document.createElement("DIV");
container.id = Navigator.CONTAINER;
html += "<div id='massage_box' onmousedown='fDragging(this, event, true);' style='width:"+childwidth+"px; height: "+heightmassagebox+"px; top:"+childtop+"px; left:"+childleft+"px'>"
html += " <div class='tab' style='width:"+childwidth+"px;'>"
html += " <div class='tabtitle'>"
html += " <ul style='margin:0; padding:0;'><li style='margin:0; padding:0;float:left; padding-left:5px;list-style:none;'><strong> "+childtitle+"</strong></li>"
if(isclose==1)
{
html += " <li style='float:right; width:20px;list-style:none;'><a href='javascript:"+markclose+"'><img src='images/TabTitleClose.jpg' style='border-width:0'></img></a></li>"
}
html += " </ul></div>"
html += " <div class='tabcontent' style='width:"+childwidth+"px; height: "+childheight+"px' >"
html += " <iframe name='leftP' width='"+childwidth+"' height='"+childheight+"' src='"+childurl+"' frameborder='0' marginheight='0' marginwidth='0' scrolling='auto'></iframe>"
html += " </div>"
html += " </div>"
html += "</div>"
container.innerHTML = html;
document.body.insertBefore(container,document.body.childNodes[1]);
initsize();
}
/* 生成页面遮盖的方法 */
function gernateDivBg(){
var bg = document.createElement("DIV");
document.documentElement.style.overflow = "hidden";
with(bg.style){
position = "absolute";
top = "0px";
left = "0px";
width = document.documentElement.scrollWidth;
// alert(document.documentElement.offsetWidth);
height = document.documentElement.scrollHeight;
// alert(document.documentElement.scrollHeight);
}
return bg;
};
var Mark = new Object();
Mark.showHintDiv = function(){
var bg = gernateDivBg();
bg.id = Mark.id;
bg.className = "navigator_bg";
document.body.insertBefore(bg,document.body.childNodes[0]);
}
Mark.close = function(){
if(document.getElementById(Mark.id)){
document.body.removeChild(document.getElementById(Mark.id));
}
if(document.getElementById(Navigator.CONTAINER))
document.body.removeChild(document.getElementById(Navigator.CONTAINER));
document.documentElement.style.overflowX= "hidden";
};
var Obj=''
document.onmouseup=MUp
document.onmousemove=MMove
function MDown(Object)
{
Obj=Object.id
document.all(Obj).setCapture()
pX=event.x-document.all(Obj).style.pixelLeft;
pY=event.y-document.all(Obj).style.pixelTop;
}
function MMove()
{
if(Obj!='')
{
document.all(Obj).style.left=event.x-pX;
document.all(Obj).style.top=event.y-pY;
}
}
function MUp()
{
if(Obj!='')
{
if(parseInt(document.all(Obj).style.left)<10)
{
document.all(Obj).style.left='10px';
}
if(parseInt(document.all(Obj).style.left)>(document.documentElement.offsetWidth-20))
{
document.all(Obj).style.left=document.documentElement.offsetWidth-20;
}
if(parseInt(document.all(Obj).style.top)<10 )
{
document.all(Obj).style.top='10px';
}
if(parseInt(document.all(Obj).style.top)>(document.documentElement.clientHeight-20) )
{
document.all(Obj).style.top=(document.documentElement.clientHeight-20);
}
document.all(Obj).releaseCapture();
Obj='';
}
}
function initsize()
{
if(document.getElementById("massage_box"))
{
var objbox=document.getElementById("massage_box");
if(parseInt(objbox.style.left)>(document.documentElement.offsetWidth-20))
{
objbox.style.left='10px';
}
if(parseInt(objbox.style.top)>(document.documentElement.offsetHeight-20))
{
objbox.style.top='10px';
}
var markids=document.getElementById(Mark.id);
with(markids.style){
position = "absolute";
top = "0px";
left = "0px";
width = document.documentElement.scrollWidth;
height = document.documentElement.scrollHeight;
}
}
}
window.onresize=initsize;
function childMarkClose()
{
Mark.close();
}
function fDragging(obj, e, limit){
if(!e) e=window.event;
var x=parseInt(obj.style.left);
var y=parseInt(obj.style.top);
var x_=e.clientX-x;
var y_=e.clientY-y;
if(document.addEventListener){
document.addEventListener('mousemove', inFmove, true);
document.addEventListener('mouseup', inFup, true);
}
else if(document.attachEvent){
document.attachEvent('onmousemove', inFmove);
document.attachEvent('onmouseup', inFup);
}
inFstop(e);
inFabort(e)
function inFmove(e){
var evt;
if(!e)e=window.event;
if(limit){
var op=obj.parentNode;
var opX=parseInt(op.style.left);
var opY=parseInt(op.style.top);
if((e.clientX-x_)<0) return false;
else if((e.clientX-x_+obj.offsetWidth+opX)>(opX+op.offsetWidth)) return false;
if(e.clientY-y_<0) return false;
else if((e.clientY-y_+obj.offsetHeight+opY)>(opY+op.offsetHeight)) return false;
//status=e.clientY-y_;
}
var markids=document.getElementById(Mark.id);
with(markids.style){
div模拟的showmodeldialog.rar （6个子文件） 
div模拟的showmodeldialog 
text.html 10KB
css.css 803B images 
TabContentBg.jpg 8KB TabTitleBg.jpg 336B TabTitleClose.jpg 728B abc.html 381B资源评论
xiechaoren2015-01-12挺有帮助的，谢谢，达到学习的效果。- luoluo2chen2015-03-26挺有用，就是没有传值
