网站首页  汉语字词  英语词汇  考试资料  写作素材  旧版资料

请输入您要查询的考试资料:

 

标题 基于javascript实现页面加载loading效果
内容
    本文实为大家分享了javascript实现页面加载loading效果,供大家参考,具体内容如下
    效果图:
    名单
    <html>
    <head>
    <title>正在载入</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    </head>
    <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0">
    <table border=0 cellpadding=0 cellspacing=0 height="100%">
    <tr>
    <form name=loading>
    <td>
    <p><font color=gray>正在载入首页,请稍候.</font></p>
    <p>
    <input type=text name=chart size=46>
    <br>
    <input type=text name=percent size=46>
    <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
    {window.location = "目标页";}
    }
    </script>
    </p>
    </td>
    </form>
    </tr>
    </table>
    </body>
    </html>
    以上就是本文的全部内容,希望对大家学习javascript程序设计有所帮助。
随便看

 

在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。

 

Copyright © 2002-2024 cuapp.net All Rights Reserved
更新时间:2025/5/14 16:22:24