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>
  • 相关阅读:
    Deep Learning--分布式训练RBM算法框架
    Deep Learning基础理论--Classification RBM
    docker run hangs问题排查记录
    启用k8s metrics server监控
    Infiniband 网络性能测试
    foreman容器化部署
    通过keepalived实现多主集群方案
    工程优化暨babel升级小记
    一次由webview报错引起的追根溯源
    前端基础3:js篇(基础及算法)
  • 原文地址:https://www.cnblogs.com/HD/p/98815.html
Copyright © 2011-2022 走看看