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

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

 

标题 网站进度条(js)
内容
    <table><tr><td>
    <div>
    <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/17 6:54:17