当前位置:  技术问答>java相关

好多网站上加载比较大的页面的时候会有个信息指示,比如说“正在加载页面……”,然后页面加载好了就自动消失了,那个怎么做呀?

    来源: 互联网  发布时间:2015-05-25

    本文导语:  我想加载一个比较大的页面,可能要花5秒钟甚至更多的时间,对于用户来说这是一个比较长的时间了。我想将页面做的友好一点,让用户知道系统正在加载页面,让用户耐心等待。所以想在页面加载好显示之前,先...

我想加载一个比较大的页面,可能要花5秒钟甚至更多的时间,对于用户来说这是一个比较长的时间了。我想将页面做的友好一点,让用户知道系统正在加载页面,让用户耐心等待。所以想在页面加载好显示之前,先显示一个信息指示“正在生成您所需要的数据……”。可是不知道怎么实现。

需要实现的效果:
   页面分成两个Frame,上部分是查询条件,下方的Frame显示查询结果。当用户点击一个按钮查询信息时,我就需要根据用户设置的查询条件生成数据,然后以PDF形式显示在下方的Frame中。这个查询需要花一定的时间,我想在PDF页面显示之前出现一个“正在加载页面……”之类的信息,放置载页面的任何位置都行,我选择实现简单一点的。

目前遇到的困难:
   一点都不会实现!

请求帮助!!!


|

          eval('curDrag.'+((NS)?'':'style.')+'zIndex=document.MM_maxZ+1');
          if (!curDrag.MM_dropBack) document.MM_maxZ++; }
        retVal = false; if(!NS) event.returnValue = false;
    } } else if (theEvent == 'mousemove') {
      if (document.MM_curDrag) with (document.MM_curDrag) {
        var mouseX = (NS)?objName.pageX : event.clientX + document.body.scrollLeft;
        var mouseY = (NS)?objName.pageY : event.clientY + document.body.scrollTop;
        newLeft = mouseX-MM_oldX; newTop  = mouseY-MM_oldY;
        if (MM_bL!=null) newLeft = Math.max(newLeft,MM_bL);
        if (MM_bR!=null) newLeft = Math.min(newLeft,MM_bR);
        if (MM_bT!=null) newTop  = Math.max(newTop ,MM_bT);
        if (MM_bB!=null) newTop  = Math.min(newTop ,MM_bB);
        MM_LEFTRIGHT = newLeft-MM_startL; MM_UPDOWN = newTop-MM_startT;
        if (NS) {left = newLeft; top = newTop;}
        else {style.pixelLeft = newLeft; style.pixelTop = newTop;}
        if (MM_dragJS) eval(MM_dragJS);
        retVal = false; if(!NS) event.returnValue = false;
    } } else if (theEvent == 'mouseup') {
      document.onmousemove = null;
      if (NS) document.releaseEvents(Event.MOUSEMOVE);
      if (NS) document.captureEvents(Event.MOUSEDOWN); //for mac NS
      if (document.MM_curDrag) with (document.MM_curDrag) {
        if (typeof MM_targL =='number' && typeof MM_targT == 'number' &&
            (Math.pow(MM_targL-((NS)?left:style.pixelLeft),2)+
             Math.pow(MM_targT-((NS)?top:style.pixelTop),2))
  



怎样,够cool的吧?可别忘了给我加分噢!




接上去就可以了!

|
简单的进度条




Custom Progress Bar


  var value = 0;
  var delaySecond = 0;
  
  function progressBarState(val)
  {
    window.progressBar.width = val;
    window.tipString.value = valueString;
  }
  
  function run()
  {
    if (value > 200)
    {
      valueString = "页面加载完毕";
      window.tipString.value = valueString;
      return;
    } 
    
    progressBarState(value);
    value += 2;
    valueString = "页面加载中... " + value/2 + "%";
    window.setTimeout("run()",50);
  }
  
  function delay()
  {
    valueString = "页面准备加载,请稍候...";
    window.tipString.value = valueString;
    window.progressBar.width = 0;
    window.setTimeout("run()",1000);
  }
  














|
怎么不行啊
是这个意思吗?
A.html:


test

 
  
  


 


B.html:






C.html:

D.html:


测试



系统正在处理,请等待......


    
 
 

您可能感兴趣的文章:

  • 有谁作过网站的登陆系统呀,能不能讲一讲整个流程和加载网页时的控制方法呀
  • 一JSP网站,统一指定一个errorPage页面,统一处理异常,在指定的errorPage页面中,我想知道具体是哪个页面出错的,即想知道出错页面的具
  • initializr​ 的网站页面 initializr-website
  • 如何通过其他网站发送短消息(比如新浪)?JSP页面提交,高分请教!!
  • [求助]打开网站页面提示下载
  • 有谁用过Search Maker pro 2.1并知道注册码?或能提供类似的软件.[Search Maker Pro可以自动搜索一个网站,对所有页面进行索引,然后生成
  • php获取网站页面快照并保存到文件
  • 通用大型网站页面静态化解决方案
  • 全国哀悼日网站页面变成灰色的filter方法
  • 使用ob系列函数实现PHP网站页面静态化
  • asp.net网站首页根据IP自动跳转指定页面的示例
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • 网站英文/中文域名字符集即网站英文/中文域名可以包含哪些字符
  • 我想我的网站屏蔽掉通过某些网站过来的访问,我想通过htaccess 文件来做,请大家帮帮我。
  • 网站改版后导致URL改变如何设置301跳转的几种方法
  • 你最喜欢去的JAVA网站或JAVA源代码下载网站是哪里???
  • 重装服务器后IIS网站错误(应用程序中的服务器错误)
  • 你认为最好的中文JAVA网站或有大量优秀JAVA源代码免费下载的网站是哪里???送分!!!
  • 网站到底怎么实现盈利赚钱:个人网站赚钱方法大总结
  • linux VPS之间网站数据的备份与恢复(网站迁移教程)
  • PHP介绍及学习网站推荐
  • 极度郁闷中~!各位大虾,请帮帮忙!!我把我的ie5升级到了ie6,并上微软网站升级了一下系统!我的机子上的jsp网站就一个也运行不了了!郁
  • 网站如何使用cookie以及cookie相关的规范介绍
  • DIV+CSS布局的网站对网站SEO的影响分析
  • 网站robots协议介绍及文件写法举例
  • 网站的站内搜索是怎么实现的?怎么做?在网页的头元素中有一关键词元素,是不是就是给站内搜索用的?如果我在Sina中登记我的网站,那么是不是
  • Solaris做JSP网站和PHP网站的OS怎么样?
  • 从豆瓣网站设计谈网站重构
  • windows2008中添加网站、绑定域名的方法
  • 网站内容管理系统 CMSZU
  • 网站导图生成器 Amberjack
  • 请问:如何在路由器上设置可以让某一ip访问国际网站,我们这的机器都被限制了,不能访问国际网站。
  • 网站流量分析 phpTrafficA


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3