求页面载入时loading效果

如果，想实现一个效果 一个页面跳转入另一个页面之前，另外一个页面 中间有一个loading100%  一直从loading100%快速变成loading1% 然后显示另一个页面，页面中只是页面中间一个字loading100%在变没有其他的，一定要是这个效果

解决方案 »

  1.   

    在body标签下面加个DIV放LOAD图片然后在onload事件里隐藏掉
      

  2.   

    <script language="javascript">
    function init(){
    document.getElementById('loading').style.display='none'
    };
    onload=init;
    </script>
    <body >
    <div style="position:absolute;width:100%;height:100%;" id="loading">loading....</div></body>
      

  3.   

    <body >
    <div style="position:absolute;width:100%;height:100%;background-color:#ffffff" id="loading">loading....</div>
    <script language="javascript">
    var loadnum=0;
    var timeID=null;
    function init(){
    if(loadnum!=100){
    document.getElementById('loading').innerHTML='loading...'+loadnum+'%';
    loadnum++;
    }else{
    clearTimeout(timeID);
    document.getElementById('loading').style.display='none'
    }
    timeID=setTimeout('init()',10);
    };
    init();
    </script>
    <div>页面正文</div>
    </body>
      

  4.   

    使用逐渐增加或者减少DIV或者字符串的方法
      

  5.   

    算好时间，如果载入了，就隐藏这个图片，真正的onload的时间是很短的。
    否则看不到这个onload的效果的。
      

  6.   

    时间这个太难了，建议放个loading的图就好了，参见：http://www.jslab.org.cn/?tag=preload