0顶

打开页面的等待（二）

稿源：互联网 2022-04-06 12:44:50 点击： 1024 撤稿纠错

红色进度条显示网页打开进度，可自定义其他颜色。

以下讨论的是和loading相关的打开页面的等待（二）教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

脚本说明:
<meta http-equiv="refresh" content="10; url=http://www.k688.com">
<style>
<!--
#bar, #barbackground{
position:absolute;
left:185;
top:120;
background-color:red;
}

#barbackground{
background-color:c0c0c0;
}

-->
</style>
<script>
//1) Set the duration for the progress bar to complete loading (in seconds)
var duration=5

//2) Set post action to carry out inside function below:
function postaction(){
//Example action could be to navigate to a URL, like following:
//window.location="games/checker.htm"
}

///Done Editing/////////////
var clipright=0
var widthIE=0
var widthNS=0

function initializebar(){
if (document.all){
baranchor.style.visibility="visible"
widthIE=bar.style.pixelWidth
startIE=setInterval("increaseIE()",150)
}
if (document.layers){
widthNS=document.baranchorNS.document.barbackgroundNS.clip.width
document.baranchorNS.document.barNS.clip.right=0
document.baranchorNS.visibility="show"

startNS=setInterval("increaseNS()",150)
}
}

function increaseIE(){
bar.style.clip="rect(0 "+clipright+" auto 0)"
window.status="已经完成了......"
if (clipright<widthIE)
clipright=clipright+(widthIE/(duration*20))
else{
window.status=''
clearInterval(startIE)
postaction()
}
}

function increaseNS(){
if (clipright<202){
window.status="Loading..."
document.baranchorNS.document.barNS.clip.right=clipright
clipright=clipright+(widthNS/(duration*20))
}
else{
window.status=''
clearInterval(startNS)
postaction()
}
}

window.onload=initializebar

</script>
<script language="JavaScript1.2">
if (document.all){
document.write('<div id="baranchor" style="position:relative;width:400px;height:20px;visibility:hidden;">')
document.write('<div id="barbackground" style="width:400px;height:20px;z-index:9"></div>')
document.write('<div id="bar" style="width:400px;height:20px;z-index:10"></div>')
document.write('</div>')
}

</script>
<ilayer name="baranchorNS" visibility="hide" width=400 height=20>
<layer name="barbackgroundNS" bgcolor=black width=400 height=20 z-index=11 left=0 top=0>
</layer>
<layer name="barNS" bgcolor=blue width=400 height=20 z-index=11 left=0 top=0>
</layer>
</ilayer>
<p align="center"><font size="2">Load.........</font>
 

<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于打开页面的等待（二）的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/20080719210.shtml方便下次再访问哦。

·上一篇： 文字导航的说明条
·下一篇： 打开页面的等待（一）

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

打开页面的等待（二）

文章分类LIST >>返回首页

最新游戏

最新新闻