当前位置: 电脑软硬件应用网 > 设计学院 > 网页特效 > 正文
装载页面进度条代码
装载页面进度条代码
2010-4-11 9:09:22  文/网络收集   出处:电脑软硬件应用网   

<title>loadpage</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<style type="text/css">

<!--

.unnamed1 { background-color: #000000}

-->

</style>

</head>

<body>

<table border=0 cellpadding=0 cellspacing=0 width="100%" height="100%">

<tr>

<form name=loading>

   <td align=center>

    <p align="center">&nbsp;</p>

    <p align="center"><font color="#00FF00" size="2"></font></p>

    <p>
     <input type=text name=chart size=46 style="font-family:Arial; font-weight:bolder;

color:#00FF00; background-color:black; padding:0px; border-style:none;">
     <br>
     <br>
     <input type=text name=percent size=46 style="font-family:Arial; color:#00FF00;

text-align:center; border-width:medium; border-style:none;" class="unnamed1">
     <br>
     <br>
     <font color="#00FF00" size="2" >
     <script>
var bar = 0

var line = "||"

var amount ="||"

count()

function count(){

bar= bar+2

amount =amount + line

document.loading.chart.value=amount

document.loading.percent.value=bar+"%"

if (bar<99)
{
setTimeout("count()",100);
}

else
{
alert("载入完毕")
window.location = "http://www.webjx.com";
}

}

</script>
     
     <noscript></noscript></font></p>
    
         </td>

<!--//-->
</form>

</tr>

</table>

</body>

</html>

以上代码拷贝即可使用

  • 上一篇文章:

  • 下一篇文章:
  • 最新热点 最新推荐 相关文章
    网页特效代码:仿京东的商品分类导航…
    不能屏蔽的网页右下角窗口特效
    链接特效之js做引用文章链接代码
    左右移动转换文字特效HTML代码解析
    网页页面实现自动刷新的3种代码
    网页特效代码:纯css下拉菜单列表
    JS特效代码:实现间歇无缝文字滚动特…
    文字滚动特效(兼容多浏览器)
    网页特效代码:JavaScript显示系统时…
    网页中的弹出窗口居中背景半透明
    关于45IT | About 45IT | 联系方式 | 版权声明 | 网站导航 |

    Copyright © 2003-2011 45IT. All Rights Reserved 浙ICP备09049068号