欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javascript模仿msgbox提示效果代碼

 更新時(shí)間:2008年06月10日 20:07:40   作者:  
js對(duì)話框的模擬演示代碼
復(fù)制代碼 代碼如下:

//前任作者: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
                             + "&nbsp;&nbsp;<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';}
}
//加入對(duì)話框移動(dòng)代碼
/* 鼠標(biāo)拖動(dòng) */
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");//拖動(dòng)的id
        var obj=oDrag;//拖動(dòng)的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='關(guān)閉' "
    + "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>");

在線演示
打包下載

相關(guān)文章

  • javascript利用鍵盤(pán)控制小方塊的移動(dòng)

    javascript利用鍵盤(pán)控制小方塊的移動(dòng)

    這篇文章主要為大家詳細(xì)介紹了javascript利用鍵盤(pán)控制小方塊的移動(dòng),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-04-04
  • 小程序?qū)崿F(xiàn)簡(jiǎn)單驗(yàn)證碼倒計(jì)時(shí)

    小程序?qū)崿F(xiàn)簡(jiǎn)單驗(yàn)證碼倒計(jì)時(shí)

    這篇文章主要為大家詳細(xì)介紹了小程序?qū)崿F(xiàn)簡(jiǎn)單驗(yàn)證碼倒計(jì)時(shí),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2022-07-07
  • fetch跨域問(wèn)題的使用詳解

    fetch跨域問(wèn)題的使用詳解

    這篇文章主要介紹了fetch跨域問(wèn)題的使用詳解,fetch 的核心主要包括:Request , Response , Header , Body,利用了請(qǐng)求的異步特性 --- 它是基于 promise 的,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下
    2022-09-09
  • JS實(shí)現(xiàn)可以用鍵盤(pán)方向鍵控制的動(dòng)畫(huà)

    JS實(shí)現(xiàn)可以用鍵盤(pán)方向鍵控制的動(dòng)畫(huà)

    這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)可以用鍵盤(pán)方向鍵控制的動(dòng)畫(huà),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-12-12
  • javascript數(shù)組的使用

    javascript數(shù)組的使用

    js Array 對(duì)象用于在單個(gè)的變量中存儲(chǔ)多個(gè)值,這里簡(jiǎn)單的接受下,需要的朋友可以參考下
    2013-03-03
  • 微信小程序?qū)崿F(xiàn)輪播圖效果

    微信小程序?qū)崿F(xiàn)輪播圖效果

    這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)輪播圖效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-09-09
  • ajax中g(shù)et和post的說(shuō)明及使用與區(qū)別

    ajax中g(shù)et和post的說(shuō)明及使用與區(qū)別

    對(duì)付亂碼我都是用過(guò)濾器做字符編碼過(guò)濾的,Get方法過(guò)濾器監(jiān)聽(tīng)不到,所以我一直喜歡使用Post方法,下面對(duì)Ajax Get和Post方法做一對(duì)比,需要了解的朋友可以 參考下
    2012-12-12
  • JavaScript中高階函數(shù)的巧妙運(yùn)用

    JavaScript中高階函數(shù)的巧妙運(yùn)用

    JavaScript中的高階函數(shù)是指可以接受其他函數(shù)作為參數(shù)或者返回一個(gè)函數(shù)作為結(jié)果的函數(shù),本文介紹了JS中一些高階函數(shù)的妙用,希望對(duì)大家有所幫助
    2023-05-05
  • js中設(shè)置元素class的三種方法小結(jié)

    js中設(shè)置元素class的三種方法小結(jié)

    列舉所有的方式,看看各瀏覽器的支持差異。方便用js動(dòng)態(tài)設(shè)置元素css的代碼。需要的朋友可以參考下。
    2011-08-08
  • javascript的閉包介紹(司徒正美)

    javascript的閉包介紹(司徒正美)

    今天又在無(wú)憂(yōu)看到閉包的使用了,整理一下閉包的東西。
    2011-09-09

最新評(píng)論