仿Windows关机效果： 客户端代码

客户端的页面上有两个链接，用户单击链接后，向服务器端发送请求，并将返回信息显示到高亮层上。客户端的网页文件代码如下所示：
    
    
    
    
    
    
    
    
    
    
    
    

    

     
• One
       

     
• Two
       

    

    

    
    
    该页面运行后，效果如图22.5所示。

    另外，还需要设置该页面所使用CSS样式。lightbox.css样式表文件代码如下所示：
    #lightbox {
          BORDER-RIGHT: #fff 1px solid;
          BORDER-TOP: #fff 1px solid;
           DISPLAY: none;
           Z-INDEX: 9999;
           BACKGROUND: #fdfce9;
           LEFT: 50%;
           MARGIN: -220px 0px 0px -250px;
           BORDER-LEFT: #fff 1px solid;
           WIDTH: 500px;
           BORDER-BOTTOM: #fff 1px solid;
           POSITION: absolute;
           TOP: 50%;
           HEIGHT: 400px;
           TEXT-ALIGN: left
    }
    UNKNOWN {
         POSITION: fixed
    }

 #overlay {
          DISPLAY: none;
          Z-INDEX: 5000; FILTER: alpha(opacity=80);
          LEFT: 0px;
          WIDTH: 100%;
          POSITION: absolute;
          TOP: 0px;
          HEIGHT: 100%;
          BACKGROUND-COLOR: #000; moz-opacity: 0.8; opacity: .80
    }
    UNKNOWN {
        POSITION: fixed
    }
    .done#lightbox #lbLoadMessage {
          DISPLAY: none
    }
    .done#lightbox #lbContent {
          DISPLAY: block
    }
    .loading#lightbox #lbContent {
          DISPLAY: none
    }
    .loading#lightbox #lbLoadMessage {
           DISPLAY: block
    }
    .done#lightbox IMG {
          WIDTH: 100%; HEIGHT: 100%
    }