当前位置: 技术问答>java相关
好多网站上加载比较大的页面的时候会有个信息指示,比如说“正在加载页面……”,然后页面加载好了就自动消失了,那个怎么做呀?
来源: 互联网 发布时间:2015-05-25
本文导语: 我想加载一个比较大的页面,可能要花5秒钟甚至更多的时间,对于用户来说这是一个比较长的时间了。我想将页面做的友好一点,让用户知道系统正在加载页面,让用户耐心等待。所以想在页面加载好显示之前,先...
我想加载一个比较大的页面,可能要花5秒钟甚至更多的时间,对于用户来说这是一个比较长的时间了。我想将页面做的友好一点,让用户知道系统正在加载页面,让用户耐心等待。所以想在页面加载好显示之前,先显示一个信息指示“正在生成您所需要的数据……”。可是不知道怎么实现。
需要实现的效果:
页面分成两个Frame,上部分是查询条件,下方的Frame显示查询结果。当用户点击一个按钮查询信息时,我就需要根据用户设置的查询条件生成数据,然后以PDF形式显示在下方的Frame中。这个查询需要花一定的时间,我想在PDF页面显示之前出现一个“正在加载页面……”之类的信息,放置载页面的任何位置都行,我选择实现简单一点的。
目前遇到的困难:
一点都不会实现!
请求帮助!!!
需要实现的效果:
页面分成两个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);
}
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:
测试
系统正在处理,请等待......
是这个意思吗?
A.html:
test
B.html:
C.html:
D.html:
测试
系统正在处理,请等待......