关闭

加载Loading进度条效果1

标签: inputborderfunctionclass
341人阅读 评论(0) 收藏 举报
分类:

<title>加载Loading进度条效果</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"> </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>
          <input readonly type=text name=percent size=46 style="font-family:Arial; color:#FFFFFF; text-align:center; border-width:medium; border-style:none;" class="unnamed1">
          <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.baidu.com";
}

}

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

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

</tr>

</table>

</body>

</html>

 

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:766329次
    • 积分:5825
    • 等级:
    • 排名:第4378名
    • 原创:119篇
    • 转载:59篇
    • 译文:3篇
    • 评论:93条
    文章分类