>웹 프론트엔드 >JS 튜토리얼 >JavaScript는 msgbox 프롬프트 효과 code_javascript 기술을 모방합니다.

JavaScript는 msgbox 프롬프트 효과 code_javascript 기술을 모방합니다.

WBOY
WBOY원래의
2016-05-16 19:03:461950검색
코드 복사 코드는 다음과 같습니다.

//前任작자:http://www.moozi.net
//修改:hh13774978@126.com,rayking
function $(str){
    return document.getElementById (str);
}
function _(str){
    return document.getElementsByTagName(str);
}
함수 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 = ""
                 "                "onclick="msg_close_tmp_biyuan();"   url   "">确 정";
    스위치(상자 유형 * 1){
        사례 1:
            $("msg_div_main_content").innerHTML = msg   msg_div_main_but_tmp;
            //$("msg_div_main_but").focus();
        휴식;
        사례 2:
            $("msg_div_main_content").innerHTML =  msg   msg_div_main_but_tmp
                          "                                "onclick='msg_close_tmp_biyuan();'>取 消< ;/버튼>";
            //$("msg_div_main_but").focus();
        휴식;
        사례 3:
            $("msg_div_main_content").innerHTML =  msg;
        휴식;
        기본값:
            $("msg_div_main_content").innerHTML =  msg;
        휴식;
    }
    $("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"))
               { (""));
               }
            $("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;
    }
}
함수 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;
함수 드래그(e,o){
    var e = e ? 전자: 이벤트;
    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 ? 전자: 이벤트;
        obj.style.position = '절대';
        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(""
      "#msg_div_all,#msg_div_all_Iframe{width:100%;height:100%;position:absolute;filter:Alpha(opacity) =70);불투명도:0.7;배경:#EFEFEF;}"
      "#msg_div_main {위치:절대;}"
      "#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 {배경:url(img/buttonbg.gif );width:65px;heigt:20px;border:none;padding-top:3px;font-size:12px;}"
      ""
      "
"
     ""
      ""
      "< 테이블 너비='100%' 높이='29' 테두리='0' cellspacing='0' cellpadding='0'  onmousedown='drag(event,this)'>"
      ""
      ""
      " "
      ""
      "      "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'">
      " "
      "< ;/tr>"
      ""
      ""
      " "
      ""
      ""
      "      ""
      ""
      ""
      "< ;td 배경='img/bg_11.gif'>"
      ""
      ""
      ""
      "
") ;

지금 线演示
打包下载
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사:JavaScript_기본 지식 입문 학습을 위한 추천 도서다음 기사:JavaScript_기본 지식 입문 학습을 위한 추천 도서

관련 기사

더보기