zoukankan      html  css  js  c++  java
  • 网站进度条完美解决方案

    <BODY onload=loadBar(0)>
    <SCRIPT language=javascript src="loadbar.js"></SCRIPT>

    <DIV id=loader style="DISPLAY: none; Z-INDEX: 100; POSITION: absolute">
    <TABLE style="FILTER: Alpha(opacity=90)" onclick=loadBar(0) cellSpacing=1 
    cellPadding
    =5 bgColor=#bbbbb border=0>
      
    <TBODY>
      
    <TR>
        
    <TD align=left bgColor=#ffffff>
          
    <P><IMG style="MARGIN: 3px" alt=请等待 src="load.gif" 
          align
    =left><STRONG>数据载入中...</STRONG></P></TD></TR></TBODY></TABLE></DIV>
    <SCRIPT language=javascript type=text/javascript>loadBar(1);</SCRIPT>

    ====================================================

    这个为用于显示进度条的图片,特别漂亮

    ====================================================

    进度条的js文件:loadbar.js

    function loadBar(fl)
    //fl is show/hide flag
    {
      
    var x,y;
      
    if (self.innerHeight)
      
    {// all except Explorer
        x = self.innerWidth;
        y 
    = self.innerHeight;
      }

      
    else 
      
    if (document.documentElement && document.documentElement.clientHeight)
      
    {// Explorer 6 Strict Mode
       x = document.documentElement.clientWidth;
       y 
    = document.documentElement.clientHeight;
      }

      
    else
      
    if (document.body)
      
    {// other Explorers
       x = document.body.clientWidth;
       y 
    = document.body.clientHeight;
      }


        
    var el=document.getElementById('loader');
        
    if(null!=el)
        
    {
            
    var top = (y/2- 50;
            
    var left = (x/2- 150;
            
    if( left<=0 ) left = 10;
            el.style.visibility 
    = (fl==1)?'visible':'hidden';
            el.style.display 
    = (fl==1)?'block':'none';
            el.style.left 
    = left + "px"
            el.style.top 
    = top + "px";
            el.style.zIndex 
    = 2;
        }

    }
  • 相关阅读:
    Django使用xadmin集成富文本编辑器Ueditor(方法二)
    Django-xadmin后台配置富文本编辑器(方法一)
    求解函数不等式[给定具体函数]
    区间断想
    函数方程和函数不等式
    对函数的再理解
    多题一解
    破解函数性质中的表达难点
    [数学模型]应用举例
    函数的迭代
  • 原文地址:https://www.cnblogs.com/Ewin/p/1199170.html
Copyright © 2011-2022 走看看