jquery_dialog实现效果

jquery_dialog.js

jquery_dialog.css

#jd_shadow{
    z-index:999;position:absolute;background-color:#000000;filter:alpha(opacity=25);-moz-opacity:0.25;opacity:0.25;}#jd_dialog{
    z-index:1000;position:absolute;}#jd_dialog_s{
    position:absolute;top:5px;left:5px;background-color:#000000;filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;}#jd_dialog_m{
    position:absolute;}#jd_dialog_m_h{
    float:left;width:100%;height:30px;cursor:move;}#jd_dialog_m_h_l{
    float:left;color:black;font-weight:bold;padding-top:7px;padding-left:5px;}#jd_dialog_m_h_r{
    float:right;color:black;padding-top:7px;padding-right:5px;cursor:pointer;}#jd_dialog_m_b{
    float:left;}#jd_dialog_m_b_1{
    position:absolute;alpha(opacity=0);-moz-opacity:0.0;opacity:0.0;z-index:900;}#jd_dialog_m_b_2{
    position:absolute;z-index:899;}#jd_dialog_m_t{
    float:left;width:100%;height:40px;padding-top:10px;text-align:center;}.jd_dialog_m_t_s{
    padding-left:10px;}

default.html

      
      
      
       
JQuery Dialog 2.0.3 Demo
http://wu-jian.cnblogs.com/
        [debug data]        dialog x:        dialog y:        moving flag:        temp 1:        temp 2:    
           
             
             
               
               
 弹出inner1.html，宽300PX，高300PX，提交后执行inner1中脚本，关闭Dialog
              
             
           
           
             
             
               
               
 弹出inner2.html，宽300PX，高300PX，提交后执行inner2中脚本，不关闭Dialog
              
             
           
           
             
             
               
               
 弹出inner3.html，宽300PX，高300PX，inner3.html向模拟服务端serverPost.html提交(POST)，serverPost中逻辑处理，最后由serverPost回调JQuery Dialog
              
             
           
           
             
             
               
               
 弹出inner4.html，宽1600PX，高1600PX，JQuery Dialog回调函数！