js弹出层模拟网页对话框(MyJSDialog2.0)

/*******************************************
        名称:MyJS_DivMessage2.0
        作者:高翔
        版本：MyJS_DIVDialogV2.0.js
        (支持换肤和自定义内容)
        支持浏览器:IE(全系列)
                新增多个对话框弹出

    返回值：btnClick返回你上个操作的按钮
********************************************

调用说明:

//调用方法说明（包含网页）
function DemoShow1()
{

    //新建一个CreateDialog对象
    var ObjCreateDialog=CreateFDialog();
    
    //设置依附层ID
    ObjCreateDialog.divInnerId="divinner";
    
    //设置整体颜色
    ObjCreateDialog.Color="#0099ff";
    
    //设置对话框宽度
    ObjCreateDialog.DialogWhdidth="660";
    
    //设置对话框高度
    ObjCreateDialog.DialogHeight="500";
    
    //是否启用“确认”按钮(true/flase)
    ObjCreateDialog.btnOK="false";
    
    //是否启用“取消”按钮(true/flase)
    ObjCreateDialog.btnCancell="false";
    
    //设置对话框标题
    ObjCreateDialog.Title="Lich Dilog V2.0 Demo";
    
    //设置对话框内容(也可使用站内引用)
    ObjCreateDialog.Countent="http://www.baidu.com";
    
    //显示对话框
    ObjCreateDialog.Show();
}

********************************************

//调用方法说明（仅文字内容）
function DemoShow2()
{

    //新建一个CreateDialog对象
    var ObjCreateDialog=CreateTDialog();
    
    //设置依附层ID
    ObjCreateDialog.divInnerId="divinner";
    
    //设置整体颜色
    ObjCreateDialog.Color="red";
    
    //设置对话框宽度
    ObjCreateDialog.DialogWhdidth="320";
    
    //设置对话框高度
    ObjCreateDialog.DialogHeight="120";
    
    //是否启用“确认”按钮(true/flase)
    ObjCreateDialog.btnOK="true";
    
    //是否启用“取消”按钮(true/flase)
    ObjCreateDialog.btnCancell="true";
    
    //设置对话框标题
    ObjCreateDialog.Title="Lich Dilog V2.0 Demo";
    
    //设置对话框内容(也可使用站内引用)
    ObjCreateDialog.Countent="    这个对话框内不包含网页或者任何站内引用，仅包含文字内容。";
    
    //显示对话框
    ObjCreateDialog.Show();
}
********************************************/



//判断浏览器类型
function browserinfo()
{
    var Browser_Name=navigator.appName;
    var is_IE=(Browser_Name=="Microsoft Internet Explorer");//判读是否为ie浏览器
    var is_NN=(Browser_Name=="Netscape");//判断是否为netscape浏览器
    var is_op=(Browser_Name=="Opera");//判断是否为Opera浏览器
    var is_Fox=(Browser_Name=="Mozilla Firefox");//判断是否为Opera浏览器
    var BrowserType;
    switch(true)
    {
        case is_IE : 
            {
                BrowserType="Microsoft Internet Explore";                
                break;
            }
        case is_NN : 
            {
                BrowserType="Netscape";
                alert("您不是使用的IE浏览器，页面浏览将会有所阻碍！");
                break;
            }
        case is_op :
            {
                 BrowserType="Opera";
                 alert("您不是使用的IE浏览器，页面浏览将会有所阻碍！");
                 break;
            }
        case is_Fox : 
            {
                BrowserType="Mozilla Firefox";
                alert("您不是使用的IE浏览器，页面浏览将会有所阻碍！");
                break;
            }
    }                
}
browserinfo();

//获取浏览器可视范围的宽度和高度
var pageWidth=document.documentElement.offsetWidth-20 ;
var pageHeight=document.documentElement.offsetHeight ;
var btnClick="none";

//对话框div层的Id
var insertDiv_Id=null;

//遮罩层部分
function divBlot(ObjdivInner)
{
    var OdivBlot= document.createElement("div");   
    OdivBlot.id="divBlotId";      
    OdivBlot.style.width=pageWidth-2+"px";
    OdivBlot.style.height=pageHeight+"px";
    OdivBlot.style.position="absolute";
    OdivBlot.style.backgroundColor="#CCCCCC";
    OdivBlot.style.top="0";
    OdivBlot.style.left="0"; 
    OdivBlot.style.filter="alpha(opacity=90)";
    OdivBlot.add=function ()
    {
        ObjdivInner.appendChild(OdivBlot); 
    }
    
    return OdivBlot;
}

//消息层主体部分
function divMessage(ObjdivBlot,divMessageWidth,divMessageHeight,Color)
{
    var today=new Date();
    var h=today.getHours();
    var m=today.getMinutes();
    var s=today.getSeconds();
    var ms=today.getMilliseconds();
    var divMessage_Id=h+"-"+m+"-"+s+"-"+ms;
    
    var OdivMessage=document.createElement("div"); 
    OdivMessage.id=divMessage_Id;
    OdivMessage.style.position="absolute"; 
    OdivMessage.style.width=divMessageWidth+"px"; 
    OdivMessage.style.height=divMessageHeight+"px";
    OdivMessage.style.top=parseInt(pageHeight/2-parseInt(divMessageHeight)/2);
    OdivMessage.style.left=parseInt(pageWidth/2-parseInt(divMessageWidth)/2);
    OdivMessage.style.backgroundColor="#FFFFFF";
    OdivMessage.style.borderStyle="solid";
    OdivMessage.style.borderWidth="1px";
    OdivMessage.style.borderColor=Color;
    OdivMessage.onmousedown=function (){
        insertDiv_Id=divMessage_Id;
        var divTitle=document.getElementById(insertDiv_Id);
        if(divTitle != null)
        {
            document.body.onmousemove=BodyMouseMove;
            var divleft=parseInt(document.getElementById(insertDiv_Id).style.left);
            var divtop=parseInt(document.getElementById(insertDiv_Id).style.top);
            X=event.clientY-divtop;
            Y=event.clientX-divleft;
            for(var i=0;i<document.getElementsByTagName("div").length;i++)
            {
                document.getElementsByTagName("div").item(i).style.zIndex=1;    
            }
            document.getElementById(divMessage_Id).style.zIndex=2;
            document.getElementById(divMessage_Id).style.filter="alpha(opacity=70)";
            document.body.style.cursor="move";
        }
    }
    
    document.body.onmouseup=TitleMouseU;
    OdivMessage.onmouseup=TitleMouseU;
    OdivMessage.add=function ()
    {
        ObjdivBlot.appendChild(OdivMessage); 
    }
    OdivMessage.adds=function ()
    {
        ObjdivBlot.appendChild(OdivMessage); 
    }
    return OdivMessage;
}

//消息层标题主体部分
function divMTitle(ObjdivMessage,divMessageWidth,Title,Color)
{
    var OdivMTitle = document.createElement("div");
    OdivMTitle.id="divMessageTitle";
    OdivMTitle.style.width=parseInt(divMessageWidth)-25+"px";
    OdivMTitle.style.height="25px";
    OdivMTitle.style.lineHeight="25px";
    OdivMTitle.style.color="#ffffff";
    OdivMTitle.style.fontSize="15px";
    OdivMTitle.style.fontWeight="900";
    OdivMTitle.style.textAlign="center";
    OdivMTitle.style.borderStyle="none";
    OdivMTitle.style.borderWidth="0px";
    OdivMTitle.style.filter= "progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#CCCCCC, EndColorStr="+Color+")";
    OdivMTitle.style.cursor="move";
    OdivMTitle.style.styleFloat = "left";
    OdivMTitle.innerHTML=Title;
    OdivMTitle.add=function ()
    {
        ObjdivMessage.appendChild(OdivMTitle);
    }
    return OdivMTitle;
}

//关闭按钮的生成
function divbtnClose(ObjdivMessage,Color,MassageDiv_Id,ObjdivInner)
{
    var OdivbtnClose = document.createElement("input");
    OdivbtnClose.type="button";
    OdivbtnClose.id="dbtnX";
    OdivbtnClose.style.width="25px";
    OdivbtnClose.style.height="25px";
    OdivbtnClose.style.color="#ffffff";
    OdivbtnClose.style.borderStyle="none";
    OdivbtnClose.style.borderWidth="0px";
    OdivbtnClose.style.filter="progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#CCCCCC, EndColorStr="+Color+")";
    OdivbtnClose.value="×";
    OdivbtnClose.style.textAlign="center";
    OdivbtnClose.style.verticalAlign="middle";
    OdivbtnClose.style.fontSize="20px";
    OdivbtnClose.style.styleFloat = "left";
    OdivbtnClose.style.cursor="hand";
    OdivbtnClose.style.fontWeight="bold";
    OdivbtnClose.onclick=function(){
        btnClick=OdivbtnClose.id;
        var divBlont=document.getElementById("divBlotId");   
        if(divBlont != null){   
            divBlont.parentNode.removeChild(divBlont);   
        }
        else
        {
            ObjdivInner.removeChild(document.getElementById(MassageDiv_Id));
        }
    };
    OdivbtnClose.add=function ()
    {
        ObjdivMessage.appendChild(OdivbtnClose);
    }
    return OdivbtnClose;
}

//消息层内容主体部分
function divCountent(ObjdivMessage,divMessageWidth,divMessageHeight,Countent)
{
    var OdivCountent = document.createElement("div");
    OdivCountent.id="divContent";
    OdivCountent.style.width=divMessageWidth+"px";
    OdivCountent.style.height=parseInt(divMessageHeight)-25+"px";
    //OdivCountent.style.textAlign="center";
    OdivCountent.style.fontSize="15px";
    OdivCountent.style.fontWeight="900";
    OdivCountent.innerHTML="<BR><P>"+Countent+"</P>";
    OdivCountent.add=function ()
    {
        ObjdivMessage.appendChild(OdivCountent);
    }
    return OdivCountent;
}

//消息层嵌套Iframe部分
function Inserteiframe(ObjdivCountent,divMessageHeight,txtCountent)
{
    var OInserteiframe = document.createElement("iframe");
    OInserteiframe.id="Inserteiframe";
    OInserteiframe.style.width="100%";
    OInserteiframe.style.height=parseInt(divMessageHeight)-25+"px";
    OInserteiframe.scrolling="auto";
    OInserteiframe.frameborder="0";
    OInserteiframe.src=txtCountent;
    OInserteiframe.add=function ()
    {
        ObjdivCountent.appendChild(OInserteiframe);
    }
    return OInserteiframe;
}

//消息层按钮主体部分
function divBottombtn(ObjdivMessage)
{
    var OddivBottombtn = document.createElement("div");
    OddivBottombtn.id="divContent";
    OddivBottombtn.style.width="100%";
    OddivBottombtn.style.height="35px";
    OddivBottombtn.style.textAlign="center";
    OddivBottombtn.style.fontSize="15px";
    OddivBottombtn.style.fontWeight="900";
    OddivBottombtn.style.backgroundColor="#FFFFFF";
    OddivBottombtn.add=function ()
    {
        ObjdivMessage.appendChild(OddivBottombtn);
    }
    return OddivBottombtn;
}

//消息层确定按钮
function divbtnOK(OddivBottombtn,Color,MassageDiv_Id,ObjdivInner)
{
    var OdivbtnOK = document.createElement("input");
    OdivbtnOK.id="dbtnOK";
    OdivbtnOK.type="button";
    OdivbtnOK.style.borderStyle="Solid";
    OdivbtnOK.style.borderWidth="1px";
    OdivbtnOK.style.borderColor=Color;
    OdivbtnOK.style.width="80px";
    OdivbtnOK.style.height="25px";
    OdivbtnOK.style.lineHeight="25px";
    OdivbtnOK.style.filter="progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#CCCCCC, EndColorStr="+Color+")";
    OdivbtnOK.style.color="#ffffff";
    OdivbtnOK.value="确定";
    OdivbtnOK.style.textAlign="center";
    OdivbtnOK.style.verticalAlign="middle";
    OdivbtnOK.style.fontSize="15px";
    OdivbtnOK.style.cursor="hand";
    OdivbtnOK.style.fontWeight="900";
    OdivbtnOK.style.marginRight="0px";
    OdivbtnOK.onclick=function(){
        btnClick=OdivbtnOK.id;
        var divBlont=document.getElementById("divBlotId");   
        if(divBlont != null){   
            divBlont.parentNode.removeChild(divBlont);   
        }
        else
        {
            ObjdivInner.removeChild(document.getElementById(MassageDiv_Id));
        }
    };
    OdivbtnOK.add=function ()
    {
        OddivBottombtn.appendChild(OdivbtnOK);
    }
    return OdivbtnOK;
}

//消息层取消按钮
function divbtnCancell(OddivBottombtn,Color,MassageDiv_Id,ObjdivInner)
{
    var OdivbtnCancell = document.createElement("input");
    OdivbtnCancell.id="dbtnCancell";
    OdivbtnCancell.type="button";
    OdivbtnCancell.style.borderStyle="Solid";
    OdivbtnCancell.style.borderWidth="1px";
    OdivbtnCancell.style.borderColor=Color;
    OdivbtnCancell.style.width="80px";
    OdivbtnCancell.style.height="25px";
    OdivbtnCancell.style.filter="progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#CCCCCC, EndColorStr="+Color+")";
    OdivbtnCancell.style.color="#ffffff";
    OdivbtnCancell.value="取消";
    OdivbtnCancell.style.textAlign="center";
    OdivbtnCancell.style.verticalAlign="middle";
    OdivbtnCancell.style.fontSize="15px";
    OdivbtnCancell.style.cursor="hand";
    OdivbtnCancell.style.fontWeight="900";
    OdivbtnCancell.style.marginRight="0px";
    OdivbtnCancell.onclick=function(){
        btnClick=OdivbtnCancell.id;
        var divBlont=document.getElementById("divBlotId");   
        if(divBlont != null){   
            divBlont.parentNode.removeChild(divBlont);   
        }
        else
        {
            ObjdivInner.removeChild(document.getElementById(MassageDiv_Id));
        }
    };
    OdivbtnCancell.add=function ()
    {
        OddivBottombtn.appendChild(OdivbtnCancell);
    }
    return OdivbtnCancell;
}

//对应的关闭层事件
function DivRemove()
{
    btnClick=this.id;
    var divBlont=document.getElementById("divBlotId");   
    if(divBlont != null){   
        divBlont.parentNode.removeChild(divBlont);   
    }   
}


//对应的移动层事件
function TitleMouseD()
{
    var divTitle=document.getElementById(insertDiv_Id);
    if(divTitle != null)
    {
        document.body.onmousemove=BodyMouseMove;
        var divleft=parseInt(document.getElementById(insertDiv_Id).style.left);
        var divtop=parseInt(document.getElementById(insertDiv_Id).style.top);
        X=event.clientY-divtop;
        Y=event.clientX-divleft;
    }
}

function BodyMouseMove()
{
    var Mousex=event.clientY;
    var MouseY=event.clientX;
    var divTitle1=document.getElementById(insertDiv_Id);
    divTitle1.style.top=Mousex-X;
    divTitle1.style.left=MouseY-Y;
}

function TitleMouseU()
{
    var divTitle2=document.getElementById(insertDiv_Id);
    if(divTitle2 != null)
    {
        document.body.onmousemove=null;
    }
    document.getElementById(insertDiv_Id).style.filter="alpha(opacity=100)";
    document.body.style.cursor="auto";
}

//生成仅含文字内容的对话框
function CreateTDialog()
{   
    var OCreateDialog=new Object;
    OCreateDialog.divInnerId="";
    OCreateDialog.Color="";
    OCreateDialog.DialogWhdidth="";
    OCreateDialog.DialogHeight="";
    OCreateDialog.Title="";
    OCreateDialog.Countent="";
    OCreateDialog.btnOK="";
    OCreateDialog.btnCancell="";
    OCreateDialog.LotOf="";
    OCreateDialog.Show=function ()
    {
        var ObjdivInner=document.getElementById(OCreateDialog.divInnerId);
        
        if(OCreateDialog.LotOf=="false")
        {
            var ObjdivBlot=divBlot(ObjdivInner);
            ObjdivBlot.add();        
    
            var ObjdivMessage=divMessage(ObjdivBlot,OCreateDialog.DialogWhdidth,OCreateDialog.DialogHeight,OCreateDialog.Color);
            ObjdivMessage.add();
        }
        else
        {
            var ObjdivMessage=divMessage(ObjdivInner,OCreateDialog.DialogWhdidth,OCreateDialog.DialogHeight,OCreateDialog.Color);
            ObjdivMessage.adds();    
        }
        
        var ObjdivMTitle=divMTitle(ObjdivMessage,OCreateDialog.DialogWhdidth,OCreateDialog.Title,OCreateDialog.Color);
        ObjdivMTitle.add();
        
        var obgdivbtnClose=divbtnClose(ObjdivMessage,OCreateDialog.Color,ObjdivMessage.id,ObjdivInner);
        obgdivbtnClose.add();        
        
        var ObjdivCountent=divCountent(ObjdivMessage,OCreateDialog.DialogWhdidth,OCreateDialog.DialogHeight,OCreateDialog.Countent);
        
        if(OCreateDialog.btnOK=="true")
        {
        
            ObjdivCountent.style.height=parseInt(OCreateDialog.DialogHeight)-60+"px";
        
            ObjdivCountent.add();
        
            var ObjdivBottombtn=divBottombtn(ObjdivMessage);
            ObjdivBottombtn.add();
            
            var ObjdivbtnOK=divbtnOK(ObjdivBottombtn,OCreateDialog.Color,ObjdivMessage.id,ObjdivInner);
            
            //判断是否需要按钮
            if(OCreateDialog.btnCancell=="true")
            {
            
                ObjdivbtnOK.style.marginRight="25px";
                ObjdivbtnOK.add();
                
                var ObjdivbtnCancell=divbtnCancell(ObjdivBottombtn,OCreateDialog.Color,ObjdivMessage.id,ObjdivInner);
                ObjdivbtnCancell.add();
            
            }
            else
            {
                ObjdivbtnOK.add();
            }
        }
        else
        {
            ObjdivCountent.add();
        }
    }
    return OCreateDialog;
}

//生成带网页内容的对话框
function CreateFDialog()
{   
    var OCreateDialog=new Object;
    OCreateDialog.divInnerId="";
    OCreateDialog.Color="";
    OCreateDialog.DialogWhdidth="";
    OCreateDialog.DialogHeight="";
    OCreateDialog.Title="";
    OCreateDialog.Countent="";
    OCreateDialog.btnOK="";
    OCreateDialog.btnCancell="";
    OCreateDialog.LotOf="";
    OCreateDialog.Show=function ()
    {
        var ObjdivInner=document.getElementById(OCreateDialog.divInnerId);
        
        if(OCreateDialog.LotOf=="false")
        {
            var ObjdivBlot=divBlot(ObjdivInner);
            ObjdivBlot.add();        
    
            var ObjdivMessage=divMessage(ObjdivBlot,OCreateDialog.DialogWhdidth,OCreateDialog.DialogHeight,OCreateDialog.Color);
            ObjdivMessage.add();
        }
        else
        {
            var ObjdivMessage=divMessage(ObjdivInner,OCreateDialog.DialogWhdidth,OCreateDialog.DialogHeight,OCreateDialog.Color);
            ObjdivMessage.adds();    
        }
        
        var ObjdivMTitle=divMTitle(ObjdivMessage,OCreateDialog.DialogWhdidth,OCreateDialog.Title,OCreateDialog.Color);
        ObjdivMTitle.add();
        
        var obgdivbtnClose=divbtnClose(ObjdivMessage,OCreateDialog.Color,ObjdivMessage.id,ObjdivInner);
        obgdivbtnClose.add();        
        
        var ObjdivCountent=divCountent(ObjdivMessage,OCreateDialog.DialogWhdidth,OCreateDialog.DialogHeight,OCreateDialog.Countent);
        ObjdivCountent.innerHTML="";
        
        //判断是否需要确定按钮
        if(OCreateDialog.btnOK=="true")
        {
        
            ObjdivCountent.style.height=parseInt(OCreateDialog.DialogHeight)-60+"px";
            
            ObjdivCountent.add();
            
            var ObjInserteiframe=Inserteiframe(ObjdivCountent,OCreateDialog.DialogHeight,OCreateDialog.Countent);
            ObjInserteiframe.height=parseInt(OCreateDialog.DialogHeight)-60+"px";
            ObjInserteiframe.add();
        
            var ObjdivBottombtn=divBottombtn(ObjdivMessage);
            ObjdivBottombtn.add();
            
            var ObjdivbtnOK=divbtnOK(ObjdivBottombtn,OCreateDialog.Color,ObjdivMessage.id,ObjdivInner);
            
            //判断是否需要取消按钮
            if(OCreateDialog.btnCancell=="true")
            {
            
                ObjdivbtnOK.style.marginRight="25px";
                ObjdivbtnOK.add();
                
                var ObjdivbtnCancell=divbtnCancell(ObjdivBottombtn,OCreateDialog.Color,ObjdivMessage.id,ObjdivInner);
                ObjdivbtnCancell.add();
            
            }
            else
            {
                ObjdivbtnOK.add();
            }
        }
        else
        {
            ObjdivCountent.add();
            
            var ObjInserteiframe=Inserteiframe(ObjdivCountent,OCreateDialog.DialogHeight,OCreateDialog.Countent);
            ObjInserteiframe.add();
        }
    }
    
    return OCreateDialog;
}


//调用方法说明（包含网页）
function DemoShow1()
{

    //新建一个CreateDialog对象
    var ObjCreateDialog=CreateFDialog();
    
    //是否可以创建多个
    ObjCreateDialog.LotOf="true";    
    
    //设置依附层ID
    ObjCreateDialog.divInnerId="divinner";
    
    //设置整体颜色
    ObjCreateDialog.Color="#929292";
    
    //设置对话框宽度
    ObjCreateDialog.DialogWhdidth="660";
    
    //设置对话框高度
    ObjCreateDialog.DialogHeight="500";
    
    //是否启用“确认”按钮(true/flase)
    ObjCreateDialog.btnOK="false";
    
    //是否启用“取消”按钮(true/flase)
    ObjCreateDialog.btnCancell="false";
    
    //设置对话框标题
    ObjCreateDialog.Title="Lich Dilog V2.0 Demo";
    
    //设置对话框内容(也可使用站内引用)
    ObjCreateDialog.Countent="test.htm";
    
    //显示对话框
    ObjCreateDialog.Show();
    
}

//调用方法说明（仅文字内容）
function DemoShow2()
{

    //新建一个CreateDialog对象
    var ObjCreateDialog=CreateTDialog();
        
    //是否可以创建多个
    ObjCreateDialog.LotOf="true";    
    
    //设置依附层ID
    ObjCreateDialog.divInnerId="divinner";
    
    //设置整体颜色
    ObjCreateDialog.Color="#929292";
    
    //设置对话框宽度
    ObjCreateDialog.DialogWhdidth="320";
    
    //设置对话框高度
    ObjCreateDialog.DialogHeight="120";
    
    //是否启用“确认”按钮(true/flase)
    ObjCreateDialog.btnOK="true";
    
    //是否启用“取消”按钮(true/flase)
    ObjCreateDialog.btnCancell="true";
    
    //设置对话框标题
    ObjCreateDialog.Title="Lich Dilog V2.0 Demo";
    
    //设置对话框内容(也可使用站内引用)
    ObjCreateDialog.Countent="&nbsp;&nbsp;&nbsp;&nbsp;这个对话框内不包含网页或者任何站内引用，仅包含文字内容。";
    
    //显示对话框
    ObjCreateDialog.Show();
}

//调用方法说明（包含网页）
function DemoShow3()
{

    //新建一个CreateDialog对象
    var ObjCreateDialog=CreateFDialog();
    
    //是否可以创建多个
    ObjCreateDialog.LotOf="false";    
    
    //设置依附层ID
    ObjCreateDialog.divInnerId="divinner";
    
    //设置整体颜色
    ObjCreateDialog.Color="red";
    
    //设置对话框宽度
    ObjCreateDialog.DialogWhdidth="660";
    
    //设置对话框高度
    ObjCreateDialog.DialogHeight="500";
    
    //是否启用“确认”按钮(true/flase)
    ObjCreateDialog.btnOK="false";
    
    //是否启用“取消”按钮(true/flase)
    ObjCreateDialog.btnCancell="false";
    
    //设置对话框标题
    ObjCreateDialog.Title="Lich Dilog V2.0 Demo";
    
    //设置对话框内容(也可使用站内引用)
    ObjCreateDialog.Countent="http://www.baidu.com";
    
    //显示对话框
    ObjCreateDialog.Show();
    
}

//调用方法说明（仅文字内容）
function DemoShow4()
{

    //新建一个CreateDialog对象
    var ObjCreateDialog=CreateTDialog();
        
    //是否可以创建多个
    ObjCreateDialog.LotOf="false";    
    
    //设置依附层ID
    ObjCreateDialog.divInnerId="divinner";
    
    //设置整体颜色
    ObjCreateDialog.Color="green";
    
    //设置对话框宽度
    ObjCreateDialog.DialogWhdidth="320";
    
    //设置对话框高度
    ObjCreateDialog.DialogHeight="120";
    
    //是否启用“确认”按钮(true/flase)
    ObjCreateDialog.btnOK="true";
    
    //是否启用“取消”按钮(true/flase)
    ObjCreateDialog.btnCancell="true";
    
    //设置对话框标题
    ObjCreateDialog.Title="Lich Dilog V2.0 Demo";
    
    //设置对话框内容(也可使用站内引用)
    ObjCreateDialog.Countent="&nbsp;&nbsp;&nbsp;&nbsp;这个对话框内不包含网页或者任何站内引用，仅包含文字内容。";
    
    //显示对话框
    ObjCreateDialog.Show();
}

basic版本

/*******************************************
        名称:MyJS_DivMessage2.0简洁版
        作者:高翔
        版本：MyJS_DIVDialogV2.0.js
        (支持换肤和自定义内容)
        支持浏览器:IE(全系列)
********************************************/

    //声明全局变量
    
    //对话框div层的Id
    var insertDiv_Id=null;
    
    //当前显示屏高宽
    var pageWidth=document.documentElement.clientWidth;
    var pageHeight=document.documentElement.clientHeight;
    
    //生成弹出对话框
    function CodeAlert(divMessageWidth,divMessageHeight,divThemesColor,InnerId,Title,Context)
    {
        var today=new Date();
        var h=today.getHours();
        var m=today.getMinutes();
        var s=today.getSeconds();
        var ms=today.getMilliseconds();
        
        //生成Id
        var divinsertId="Main"+h+m+s+ms;
        //生成主体层
        var divinsert=document.createElement("div");
            divinsert.style.width= divMessageWidth+"px";
            divinsert.style.height= divMessageHeight+"px";
            divinsert.style.borderStyle="solid";
            divinsert.style.borderWidth="1px";
            divinsert.style.borderColor=divThemesColor;
            divinsert.style.backgroundColor="#ffffff";
            divinsert.style.filter="alpha(opacity=100)";
            divinsert.style.position="absolute";
            divinsert.style.top=parseInt(pageHeight/2-parseInt(divMessageHeight)/2);
            divinsert.style.left=parseInt(pageWidth/2-parseInt(divMessageWidth)/2);
            divinsert.id=divinsertId;
            divinsert.onmouseup=TitleMouseU;
            divinsert.style.zIndex=1;
            divinsert.style.overflow="hidden";
            divinsert.onmousedown=function (){
                    insertDiv_Id=divinsert.id;
                    
                    var divTitle=document.getElementById(divinsertId);
                    if(divTitle != null)
                    {
                        document.body.onmousemove=BodyMouseMove;
                        var divleft=parseInt(document.getElementById(insertDiv_Id).style.left);
                        var divtop=parseInt(document.getElementById(insertDiv_Id).style.top);
                        X=event.clientY-divtop;
                        Y=event.clientX-divleft;
                        document.getElementById(insertDiv_Id).style.filter="alpha(opacity=70)";
                        for(var i=0;i<document.getElementsByTagName("div").length;i++)
                        {
                            document.getElementsByTagName("div").item(i).style.zIndex=1;    
                        }
                        document.getElementById(insertDiv_Id).style.zIndex=2;
                        document.body.style.cursor="move";
                    }
                }                
            
            document.getElementById(InnerId).appendChild(divinsert); 
            
            //生成标题外框层
            var divTitle=document.createElement("div");
            divTitle.style.width=divMessageWidth+"px";
            divTitle.style.height="25px";
            divTitle.style.backgroundColor=divThemesColor;
            divTitle.style.overflow="hidden";
            divinsert.appendChild(divTitle);
            
            //生成标题文字
            var divTitleContext=document.createElement("div");
            //divTitleContext.style.width=divMessageWidth-70+"px";
            divTitleContext.style.width=divMessageWidth+"px";
            divTitleContext.style.paddingLeft="10px";
            divTitleContext.style.height="25px";
            divTitleContext.style.lineHeight="25px";
            divTitleContext.style.backgroundColor=divThemesColor;
            divTitleContext.style.fontWeight="900";
            divTitleContext.style.color="#ffffff";
            divTitleContext.style.fontSize="12px";
            divTitleContext.style.overflow="hidden";
            divTitleContext.style.float="left";
            divTitleContext.innerHTML=Title;
            divTitle.appendChild(divTitleContext);
                                    
            //按钮-
            //var divTitlebtnm=document.createElement("div");
            //divTitlebtnm.style.width="25px";
            //divTitlebtnm.style.height="25px";
            //divTitlebtnm.style.lineHeight="25px";
            //divTitlebtnm.style.textAlign="center";
            //divTitlebtnm.style.backgroundColor=divThemesColor;
            //divTitlebtnm.style.fontWeight="900";
            //divTitlebtnm.style.color="#ffffff";
            //divTitlebtnm.style.fontSize="12px";
            //divTitlebtnm.style.overflow="hidden";
            //divTitlebtnm.style.float="left";
            //divTitlebtnm.innerHTML="-";
            //divTitle.appendChild(divTitlebtnm);
            
            //按钮x
            //var divTitlebtnx=document.createElement("div");
            //divTitlebtnx.style.width="25px";
            //divTitlebtnx.style.height="25px";
            //divTitlebtnx.style.lineHeight="25px";
            //divTitlebtnx.style.textAlign="center";
            //divTitlebtnx.style.backgroundColor=divThemesColor;
            //divTitlebtnx.style.fontWeight="900";
            //divTitlebtnx.style.color="#ffffff";
            //divTitlebtnx.style.fontSize="12px";
            //divTitlebtnx.style.overflow="hidden";
            //divTitlebtnx.style.float="left";
            //divTitlebtnx.innerHTML="×";
            //divTitle.appendChild(divTitlebtnx);    
            
            //内容
            var divContext=document.createElement("div");
            divContext.style.width=divMessageWidth+"px";
            divContext.style.height=divMessageHeight-55+"px";            
            divContext.style.color=divThemesColor;
            divContext.style.fontSize="15px";
            divContext.style.fontWeight="900";
            divContext.style.lineHeight=divMessageHeight-55+"px";
            divContext.innerHTML=Context;    
            divContext.style.textAlign="Center";
            divinsert.appendChild(divContext);
            
            var divClose=document.createElement("div");
            divClose.style.width=divMessageWidth+"px";
            divClose.style.height="25px";
            divClose.style.backgroundColor="#ffffff";
            divClose.style.overflow="hidden";
            divClose.style.textAlign="Center";
            divinsert.appendChild(divClose);
            
            var divbtnClose=document.createElement("div");
            divbtnClose.style.width="100px";
            divbtnClose.style.height="25px";
            divbtnClose.style.lineHeight="25px";
            divbtnClose.style.textAlign="center";
            divbtnClose.style.backgroundColor=divThemesColor;
            divbtnClose.style.fontWeight="900";
            divbtnClose.style.color="#ffffff";
            divbtnClose.style.fontSize="12px";
            divbtnClose.innerHTML="关闭";
            divbtnClose.style.cursor="hand";
            divbtnClose.onclick=function (){
                    document.getElementById(InnerId).removeChild(divinsert);
                }
            divClose.appendChild(divbtnClose);
            
            document.body.oncontextmenu=function (){return false};
            document.body.ondragstart=function (){return false};
            document.body.onselectstart =function (){return false};
            document.body.onselect=function (){document.selection.empty()};
            document.body.oncopy=function (){document.selection.empty()};
            document.body.onbeforecopy=function (){return false};
            document.body.onmouseup=function (){document.selection.empty()};
            
    }
    
    //对应的移动层事件
        function TitleMouseD()
        {
            var divTitle=document.getElementById(id);
            if(divTitle != null)
            {
                ids=id;
                document.body.onmousemove=BodyMouseMove;
                var divleft=parseInt(document.getElementById(insertDiv_Id).style.left);
                var divtop=parseInt(document.getElementById(insertDiv_Id).style.top);
                X=event.clientY-divtop;
                Y=event.clientX-divleft;
                document.getElementById(insertDiv_Id).style.filter="alpha(opacity=70)";
            }
        }
        
        function BodyMouseMove()
        {
            var Mousex=event.clientY;
            var MouseY=event.clientX;
            var divTitle1=document.getElementById(insertDiv_Id);
            divTitle1.style.top=Mousex-X;
            divTitle1.style.left=MouseY-Y;        
            document.body.onmouseup=TitleMouseU;
        }
        
        function TitleMouseU()
        {
            var divTitle2=document.getElementById(insertDiv_Id);
            if(divTitle2 != null)
            {
                document.body.onmousemove=null;
                document.getElementById(insertDiv_Id).style.filter=null;
            }
            document.body.style.cursor="auto";
        }