zoukankan      html  css  js  c++  java
  • 用JavaScript在网页右下角弹出窗口

    该代码在IE和FF下测试通过:

    代码
    <html>
    <head>
    <script language="JavaScript" type="text/javascript">
                
    function $(obj){
                    
    return document.getElementById(obj);
                }
                
    function pop(obj){
                    
    var h = parseInt(currentStyle($("popDiv")).height);
                    $(
    "popDiv").style.height = (h + obj) + "px";
                    
    if(parseInt($("popDiv").style.height) < 2){
                        window.clearInterval(timer);
                        $(
    "popDiv").style.display = "none";
                    }
                    
    if(parseInt($("popDiv").style.height) >= 200){
                        window.clearInterval(timer);
                    }
            
                }
                
    function currentStyle(element) {
                   
    return element.currentStyle || document.defaultView.getComputedStyle(element, null);
                }

                
                
    var timer;
                
    function runtimer(obj){
                    timer 
    = window.setInterval(function(){pop(obj)},10);
                }
                window.onload 
    = function(){
                    runtimer(
    2);
                }
    </script>

    </head>

    <body >
    <div style="position:absolute;right:0;bottom:0;height:0px;200px;border:1px solid red;" id="popDiv">
            
    <href="javascript:runtimer(-2);">×</a>
            
    </div>



    </body>
    </html>

    注意:在IE下获取控件的当前css要用currentStyle,而不能用style(该属性获取元素内嵌的样式,在该例子中明显不合适),而在FF下要通过document.defaultView.getComputedStyle(element, null);获得当前css.

  • 相关阅读:
    表单小知识
    HTML列表,表格与媒体元素
    P1008 三连击
    打鱼晒网问题
    最小编辑距离算法
    算法设计与分析--01背包问题(动态规划法解决)
    文件读写函数
    C语言中数据输入输出到文件操作freopen()函数(1)
    输入输出框架(未完待续)
    阶乘1到阶乘n的和
  • 原文地址:https://www.cnblogs.com/Fskjb/p/1749776.html
Copyright © 2011-2022 走看看