zoukankan      html  css  js  c++  java
  • [JavaScript]公告DIV实现

    公告窗口如果用弹出式窗口的话,有可能会被些什么上网助手给屏蔽了!所以写了个公告DIV的JS。
    演示地址:http://blog.csdn.net/bgu/
    代码如下:(放入到Body区域即可)

            <div id="affiche" ondblclick="closeDiv();" style="BORDER-RIGHT: black 1px outset; BORDER-TOP: black 1px outset; BORDER-LEFT: black 1px outset; WIDTH: 30%; CLIP: rect(auto auto auto auto); BORDER-BOTTOM: black 1px outset; POSITION: absolute; HEIGHT: 30%; BACKGROUND-COLOR: whitesmoke; TEXT-ALIGN: center;"align="center">
                
    <table height="100%" width="100%">
                    
    <tr>
                        
    <td vAlign="middle" align="center" height="100%">
                                    此处为公告内容
                                
    <div id="timeout"></div>
                        
    </td>
                    
    </tr>
                
    </table>
            
    </div>
                
    <script language="javascript">
            
                
    var intOut=10;
                TimeDiv();
                
                
    function closeDiv()
                {
                    document.getElementById(
    "affiche").style.display = "none";
                }
                
                
    function TimeDiv()
                {
                    
    --intOut;
                    
    if ( intOut>1 )
                    {
                        window.setTimeout( 
    "TimeDiv()",1000 );
                        document.getElementById(
    "timeout").innerText=intOut + "秒后/双击窗口自动关闭!";
                    }
                    
    else
                    {
                        closeDiv();
                    }
                }
                
                
    var objDiv = document.getElementById("affiche");
                SetDiv();
                
                
    function SetDiv()
                { 
                    objDiv.style.top 
    = (document.body.offsetHeight - objDiv.offsetHeight)/2 + document.body.scrollTop;
                    objDiv.style.left 
    = (document.body.offsetWidth - objDiv.offsetWidth)/2
                       if ( intOut>1 )
                    {
                        window.setTimeout( 
    "SetDiv()",200 );
                    }
                }
                
                
    </script>
  • 相关阅读:
    MSSQL大量数据时,建立索引或添加字段后保存更改超时该这么办
    POJ 3261 Milk Patterns (后缀数组)
    POJ 1743 Musical Theme (后缀数组)
    HDU 1496 Equations (HASH)
    694. Distinct Substrings (后缀数组)
    POJ 1222 EXTENDED LIGHTS OUT (枚举 或者 高斯消元)
    POJ 1681· Painter's Problem (位压缩 或 高斯消元)
    POJ 1054 The Troublesome Frog (hash散列)
    HDU 1716 排列2
    HDU 4405 Aeroplane chess (概率DP & 期望)
  • 原文地址:https://www.cnblogs.com/HD/p/98815.html
Copyright © 2011-2022 走看看