Heim > Web-Frontend > js-Tutorial > javascript模仿msgbox提示效果代码_javascript技巧

javascript模仿msgbox提示效果代码_javascript技巧

WBOY
Freigeben: 2016-05-16 19:03:46
Original
1944 Leute haben es durchsucht
复制代码 代码如下:

//前任作者: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 = "

"
                + "";
    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
                             + "  ";
            //$("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(""));
                }
            $("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(""
    + "
"
    +""
    + "
"
    + ""
    + ""
    + ""
    + ""
    + ""
    + ""
    + ""
    + "
javascript模仿msgbox提示效果代码_javascript技巧 "
    + "javascript模仿msgbox提示效果代码_javascript技巧    + "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'\">
javascript模仿msgbox提示效果代码_javascript技巧
"
    + ""
    + ""
    + ""
    + ""
    + ""
    + ""
    + ""
    + ""
    + ""
    + ""
    + ""
    + "



javascript模仿msgbox提示效果代码_javascript技巧javascript模仿msgbox提示效果代码_javascript技巧
"
    + "
");

在线演示
打包下载
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage