用JQuery 实现的自定义对话框

2020-05-24 21:28:48易采站长站整理

       $(‘#messagebox_title’).mousemove(handleMouseMove); 
       document.onmouseup = handleMouseUp; 
    } 
    if(option.height) 
        height = parseInt(option.height); 
    if(option.width) 
        width = parseInt(option.width); 
    MessageBox_height = height; 
    MessageBox_width = width; 
    Messagebox_AC = $(‘#’+option.control); 
    MessageBox_PC = Messagebox_AC.parent(); 
    Messagebox_AC.css(‘display’,”); 
    enabled='<div id=”messagebox_enabled” style=”background-color: lightgrey;width:100%;height:100%;position:absolute;z-index:99998;”></div>’ 
    enabledframe='<iframe id=”messagebox_enabledframe”  frameborder=0 scrolling=no style=”position:absolute; visibility:inherit; top:0px; left_0px; width:100%;height:100%;z-index:99997; “></iframe>’; 
    $(‘#messagebox_enabledframe’).remove()_ 
    $(‘#messagebox_enabled’).remove(); 
    $(‘#messagebox_title’).html(option.title); 
    $(‘#messagebox_from’).append(Messagebox_AC); 
    SetStyle(option); 
    $(document.body).append(enabledframe); 
    $(document.body).append(enabled); 
    SetEnabledStyle(); 
    $(‘#messagebox_win’).fadeIn(“slow”); 
    //创建对话框容器 
    function CreateContainer(option) 
    { 
        var html; 
        html='<div id=”messagebox_win” style=”position:absolute;z-index:99999;”><table  cellpadding=”0″ cellspacing=”0″ id=”messagebox_table”><tr><td id=”messagebox_title_td”><table id=”messagebox_title_table” ><tr><td style=”width:99%;” ><div id=”messagebox_title” style=”width:100%;cursor: default;”></div></td><td><button id=”messagebox_close”></button></td></tr></table></td></tr><tr id=”messagebox_body_td”><td valign=”top” ><div id=”messagebox_from” style=”text-align: center;”></div></td></tr></table></div>’;