zoukankan      html  css  js  c++  java
  • pop

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>wwwwwwww</title>
    </head>
    <body>
    <table width="600" border="0" align="center" bgcolor="#f2f5f8">
      <tr><td>ssssssssss</td></tr>
    </table>

    <script language = "javaScript" type="text/javascript">
    //浮动窗口效果
    var ShadeDiv = {
     objid : null,
     Shade : document.createElement('div'),
     ShadeID : 'Shade',
     width : 400,
     height : 300,

     Position : function(){
      if (!ShadeDiv.objid){
       ShadeDiv.objid = null;
       return;
      }
      var de = document.documentElement;
      var w = window.innerWidth || self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth;
      var ch = window.innerHeight || self.innerHeight || (de&&de.clientHeight) || document.body.clientHeight;
      if (self.pageYOffset) {
       var st = self.pageYOffset;
      } else if (document.documentElement && document.documentElement.scrollTop){  // Explorer 6 Strict
       var st = document.documentElement.scrollTop;
      } else if (document.body) {// all other Explorers
       var st = document.body.scrollTop;
      }
      if (window.innerHeight && window.scrollMaxY) {
       var sh = window.innerHeight + window.scrollMaxY;
      } else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
       var sh = document.body.scrollHeight;
      } else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
       var sh = document.body.offsetHeight;
      }
      ShadeDiv.Shade.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(opacity=60,finishOpacity=100,style=0)';
      ShadeDiv.Shade.style.height = (sh > ch ? sh : ch) + 'px';
      ShadeDiv.Shade.style.width = w + 'px';
      var pos = [], pw;
      pw = ShadeDiv.width;
      pos[0] = (w-pw)/2;
      pos[1] = (ch-(ShadeDiv.height || 300))/2 -100+st;
      //window.status="ch:"+ch+"st:"+st+"post[1]:"+pos[1]+"ShadeDiv.clientHeight"+ShadeDiv.objid.clientHeight;
      if (navigator.product && navigator.product == 'Gecko'){
       pw -= 40;
      }
      ShadeDiv.objid.style.width = ShadeDiv.width + 'px';
      ShadeDiv.objid.style.height = ShadeDiv.height + 'px';
      ShadeDiv.objid.style.left = pos[0] + 'px';
      ShadeDiv.objid.style.top = pos[1] + 'px';
      ShadeDiv.Shade.style.display = 'block';
      ShadeDiv.objid.style.display = 'block';
     },
     Show : function(id,w,h){
      ShadeDiv.height = parseInt(h);
      ShadeDiv.width = parseInt(w);
      ShadeDiv.Shade.id = ShadeDiv.ShadeID;
      ShadeDiv.objid = document.getElementById(id);
      document.body.insertBefore(ShadeDiv.Shade,null);
      ShadeDiv.Position();
     },
     Close : function(){
      if (ShadeDiv.objid==null){
       return;
      }
      ShadeDiv.Confirmed();
     },

     Confirmed : function() {
      ShadeDiv.objid.style.display = 'none';
      ShadeDiv.Shade.style.display = 'none';
      document.body.removeChild(ShadeDiv.Shade);
     }

    }
    </script>


    <div class="center">
    <style type="text/css">
     /*屏蔽层样式定义*/
     #Shade {
     position:absolute;
     left: 0;
     top: 0;
      100%;
     filter:alpha(opacity=50);
     -moz-opacity:.5;
     opacity:.5;
     display: none;
     background-color: #000;
     z-index: 2007;
     }
     #AutoPostPrompt{
     font-size:12px;
     line-height:18px;
     padding:5px 5px 5px 32px;
     background:#FFFFE6;
     border:2px solid #222;
     text-align:left;
     z-index: 2008;
     display: none;
     position: absolute;
     }
    </style>

    <div id="AutoPostPrompt" align="left">
    <center>
    <button onClick="ShadeDiv.Close();" style="55px;height:25px;">确定</button>
    </center>
    </div>

    <script language="JavaScript">
     setTimeout("ShadeDiv.Show('AutoPostPrompt','400','150')",300);
    </script>

    </body>
    </html>

  • 相关阅读:
    CQUOJ 10819 MUH and House of Cards
    CQUOJ 9920 Ladder
    CQUOJ 9906 Little Girl and Maximum XOR
    CQUOJ 10672 Kolya and Tandem Repeat
    CQUOJ 9711 Primes on Interval
    指针试水
    Another test
    Test
    二分图匹配的重要概念以及匈牙利算法
    二分图最大匹配
  • 原文地址:https://www.cnblogs.com/hq2008/p/1102520.html
Copyright © 2011-2022 走看看