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

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

 

标题 网站进度条(js)
内容
    <table><tr><td>
    <div style=font-size:8pt;padding:2px;border:solid black 1px>
    <span id=progress1>&nbsp; &nbsp;</span>
    <span id=progress2>&nbsp; &nbsp;</span>
    <span id=progress3>&nbsp; &nbsp;</span>
    <span id=progress4>&nbsp; &nbsp;</span>
    <span id=progress5>&nbsp; &nbsp;</span>
    <span id=progress6>&nbsp; &nbsp;</span>
    <span id=progress7>&nbsp; &nbsp;</span>
    <span id=progress8>&nbsp; &nbsp;</span>
    <span id=progress9>&nbsp; &nbsp;</span>
    </div>
    </td></tr></table>
    <script language=javascript>
    var progressend = 9; // set to number of progress <span>'s.
    var progresscolor = 'blue'; // set to progress bar color
    var progressinterval = 1000; // set to time between updates (milli-seconds)
    var progressat = progressend;
    var progresstimer;
    function progress_clear() {
    for (var i = 1; i <= progressend; i++) document.getelementbyid('progress'+i).style.backgroundcolor = 'transparent';
    progressat = 0;
    }
    function progress_update() {
    progressat++;
    if (progressat > progressend) progress_clear();
    else document.getelementbyid('progress'+progressat).style.backgroundcolor = progresscolor;
    progresstimer = settimeout('progress_update()',progressinterval);
    }
    function progress_stop() {
    cleartimeout(progresstimer);
    progress_clear();
    }
    progress_update(); // start progress bar
    </script>
    实现的原理就是通过修改spanid的backgroundcolor 值和settimeout('progress_update()',progressinterval);
随便看

 

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

 

Copyright © 2002-2024 cuapp.net All Rights Reserved
更新时间:2025/5/19 10:05:03