javascript模仿msgbox提示效果代码

复制代码代码如下:
//前任作者：http://www.moozi.net
//修改：hh13774978@126.com,rayking
function $（str）{
    return document.getElementById（str）;
}
function _（str）{
    return document.getElementsByTagName（str）;
}
function msg（boxtitle,boxtype,boxwidth,msg,url）{
    $（"msg_div_main"）.style.width = boxwidth;
    $（"msg_div_main"）.style.left = （_（"body"）[0].clientWidth - boxwidth） / 2;
    $（"msg_div_main"）.style.top  = （_（"body"）[0].clientHeight - 220） / 2;
    var msg_div_main_but_tmp = "<br /><br />"
                + "<button class="msg_div_main_but" id="msg_div_main_but" "
                + "onclick="msg_close_tmp_biyuan（）;" + url + "">确定</button>";
    switch（boxtype * 1）{
        case 1:
            $（"msg_div_main_content"）.innerHTML = msg + msg_div_main_but_tmp;
            //$（"msg_div_main_but"）.focus（）;
        break;
        case 2:
            $（"msg_div_main_content"）.innerHTML =  msg + msg_div_main_but_tmp
                             + "  <button class="msg_div_main_but" "
                             + "onclick="msg_close_tmp_biyuan（）;">取消</button>";
            //$（"msg_div_main_but"）.focus（）;
        break;
        case 3:
            $（"msg_div_main_content"）.innerHTML =  msg;
        break;
        defualt:
            $（"msg_div_main_content"）.innerHTML =  msg;
        break;
    }
    $（"msg_div_main_title"）.innerHTML =  boxtitle;
    $（"msg_div_main"）.style.zIndex = 200;
    $（"msg_div_main"）.style.display = "";
    if（document.all）{    //IE
            if（！$（"msg_div_all_Iframe"））
                {
            document.body.appendChild（document.createElement（"<iframe id="msg_div_all_Iframe" style="display:none;"></iframe>"））;
                }
            $（"msg_div_all"）.style.zIndex  = 100;
            $（"msg_div_all"）.style.display = "";
            $（"msg_div_all"）.oncontextmenu = function（）
                {
                        return false;
                }
            $（"msg_div_all_Iframe"）.style.zIndex  = 99;
            $（"msg_div_all_Iframe"）.style.display = "";
            $（"msg_div_all_Iframe"）.oncontextmenu = function（）
                {
                        return false;
                }
        }else{
            $（"msg_div_all"）.style.zIndex  = 100;
            $（"msg_div_all"）.style.display = "";
            $（"msg_div_all"）.oncontextmenu = function（）
                {
                        return false;
                }
        }
    $（"msg_div_main"）.oncontextmenu = function（）{
        return false;
    }
}
function msg_close_tmp_biyuan（）{
    $（"msg_div_all"）.style.display="none";
    $（"msg_div_main"）.style.display="none";
    if（document.all）{
    $（"msg_div_all_Iframe"）.style.display="none";}
}
//加入对话框移动代码
/* 鼠标拖动 */
var oDrag = "";
var ox,oy,nx,ny,dy,dx;
function drag（e,o）{
    var e = e ？ e : event;
    var mouseD = document.all ？ 1 : 0;
    if（e.button == mouseD）
    {
        if （o.parentNode）
        {
            oDrag = o.parentNode;
        }
        else{oDrag = o;}
        ox = e.clientX;
        oy = e.clientY;
    }
}
function dragPro（e）{
    if（oDrag ！= ""）
    {
        //var obj=document.getElementById（"msg"）;//拖动的id
        var obj=oDrag;//拖动的id
        var e = e ？ e : event;
        obj.style.position = "absolute";
        dx = parseInt（obj.style.left）;
        dy = parseInt（obj.style.top）;
        if（isNaN（dx））{dx=0;}
        if（isNaN（dy））{dy=0;}
        nx = e.clientX;
        ny = e.clientY;
        obj.style.left = （dx + （ nx - ox ）） + "px";
        obj.style.top = （dy + （ ny - oy ）） + "px";
        ox = nx;
        oy = ny;
    }
}
document.onmouseup = function（）{oDrag = "";}
document.onmousemove = function（event）{dragPro（event）;}
document.writeln（"<style type="text/css">"
    + "#msg_div_all,#msg_div_all_Iframe{width:100%;height:100%;position:absolute;filter:Alpha（opacity=70）;opacity:0.7;background:#EFEFEF;}"
    + "#msg_div_main {position:absolute;}"
    + "#msg_div_main_title {font-size:12px;color:#2C71AF;font-family:verdana;cursor:default;}"
    + "#msg_div_main_content {font-size:14px;color:#2C71AF;padding-left:8px;}"
    + ".msg_div_main_but {background:url（img/buttonbg.gif）;width:65px;heigt:20px;border:none;padding-top:3px;font-size:12px;}"
    + "</style>"
    + "<div id="msg_div_all" style="display:none;"></div>"
    +""
    + "<div id="msg_div_main" style="display:none;">"
    + "<table width="100%" height="29" border="0" cellspacing="0" cellpadding="0"  onmousedown="drag（event,this）">"
    + "<tr>"
    + "<td width="25"><img src="img/bg_01.gif" width="25" height="29" alt="" /></td><td background="img/bg_02.gif" width="3"></td>"
    + "<td background="img/bg_02.gif"  msg_forid="msg_div_main" id="msg_div_main_title"></td>"
    + "<td background="img/bg_02.gif" align="right" style="padding-top:4px">"
    + "<img src="img/bg_05.gif" width="21" height="21" alt="关闭" "
    + "onMouseover="this.src="img/bg_13.gif"" "
    + "onMouseout="this.src="img/bg_05.gif"" onMouseup="msg_close_tmp_biyuan（）;" "
    + "onMousedown="this.src="img/bg_18.gif""></td>"
    + "<td width="6"><img src="img/bg_06.gif" width="6" height="29" alt="" /></td>"
    + "</tr>"
    + "</table>"
    + "<table width="100%" border="0" cellspacing="0" cellpadding="0">"
    + "<tr>"
    + "<td width="3" background="img/bg_07.gif"></td>"
    + "<td bgcolor="#F7F7F7" align="center"><br /><span id="msg_div_main_content"></span><br /><br /></td>"
    + "<td width="3" background="img/bg_08.gif"></td>"
    + "</tr>"
    + "<tr>"
    + "<td width="3" height="3"><img src="img/bg_09.gif" width="3" height="3" alt="" /></td>"
    + "<td background="img/bg_11.gif"></td>"
    + "<td width="3" height="3"><img src="img/bg_10.gif" width="3" height="3" /></td>"
    + "</tr>"
    + "</table>"
    + "</div>"）;

在线演示
打包下载