<***form name=loading***><***div align=center***><***p style="text-indent: 0; word-spacing: 0; margin: 0"**><***font size="2"***><***input type=text name=chart size=46 style="font-family:Arial; font-weight:bolder; color:rgb(124,119,119); background-color:white; padding:0px; border-style:none;"***>
<***input type=text name=percent size=46 style="color:rgb(138,134,134); text-align:center; border-width:medium; border-style:none;"***><***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 = "http://cidu.net";}
}<***/script><***/font><***/p><***/div><***/form>
-----------------------------
<***META http-equiv=Content-Type content="text/html; charset=gb2312"***>
<***SCRIPT type=text/javascript***>
var ie5 = (document.all && document.getElementsByTagName);
var step = 0;
function setSB(v, el, inforEl, message) {
if (ie5 || document.readyState == "complete") {
filterEl = el.children[0];
valueEl = el.children[1];
if (filterEl.style.pixelWidth > 0) {
var filterBackup = filterEl.style.filter;
filterEl.style.filter = "";
filterEl.style.filter = filterBackup;
}
filterEl.style.width = v + "%";
valueEl.innerText = v + "%";
inforEl.innerText = message;
}
}
function setSBByStep(v, el, inforEl, message) {
if (ie5 || document.readyState == "complete") {
step = step + v;
filterEl = el.children[0];
valueEl = el.children[1];
if (filterEl.style.pixelWidth > 0) {
var filterBackup = filterEl.style.filter;
filterEl.style.filter = "";
filterEl.style.filter = filterBackup;
}
filterEl.style.width = step + "%";
valueEl.innerText = step + "%"
inforEl.innerText = message;
}
}
function fakeProgress(v, el) {
if (v >= 101)
location.href="http://cidu.net";
else {
setSB(v, el, infor, "LOADING ...");
window.setTimeout("fakeProgress(" + (v + 1) + ", document.all['" + el.id + "'])", 20);
}
}
<***/SCRIPT***>
<***/head***>
<***BODY onload="fakeProgress(0,sb)" topmargin=100 bgcolor="#FFFFFF"****>
<***div align=center****>
<***DIV id=sb
style="BORDER-RIGHT: white 0px inset; BORDER-TOP: white 0px inset; BACKGROUND: white; BORDER-LEFT: white 0px inset; WIDTH: 200px; BORDER-BOTTOM: white 0px inset; HEIGHT: 20px; TEXT-ALIGN: left"****>
<***DIV id=sbChild1
style="FILTER: Alpha(Opacity=0, FinishOpacity=80, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=0); WIDTH: 0%; POSITION: absolute; HEIGHT: 16px"****>
<***DIV
style="FONT-SIZE: 1px;BACKGROUND:#a0ef99; WIDTH: 100%; HEIGHT: 100%"***><***/DIV***><***/DIV***>
<***DIV
style="FONT-SIZE: 12px; WIDTH: 100%; COLOR: red; FONT-FAMILY: arial; POSITION: absolute; TEXT-ALIGN: center"***><***/DIV***><***/DIV***>
<****DIV id=infor
style=" WIDTH: 100%; COLOR: blue; FONT-FAMILY: arial; POSITION: relative; TEXT-ALIGN: center"***><****/DIV****>
<****/BODY***>
分享到:
相关推荐
JavaScript获取CPU使用率的方法主要分为两种情况:一种是通过ActiveXObject在特定环境下获取,另一种是通过模拟计算来估算。这两种方法都有其局限性,但可以在不同的场景下提供一定的参考。 首先,如果允许使用HTA...
"伪进度条"是利用JavaScript实现的一种视觉效果,它并不直接与后台进程关联,而是通过模拟进度来提供用户体验上的反馈。这种特效可以增加用户对网站交互的感知,提高其满意度。下面我们将详细讨论如何使用JavaScript...
- 通过`setTimeout()`函数模拟文件上传的过程,每隔一定时间(例如200毫秒),更新进度条和上传百分比,并检查是否达到100%。 - 在每次调用`count()`函数时,增加进度值`bar`,并更新`amount`变量来模拟进度条的...
JavaScript或jQuery通常用于动态更新进度条的值,这可以响应用户操作或者后台进程的更新。例如,当文件上传、数据下载或其他需要时间的任务进行时,进度条的宽度会根据实际完成的百分比实时变化。如果使用jQuery,...
JavaScript也可以实现定时更新,模拟后台任务的进度,为用户提供实时反馈。 HTML5是现代网页开发的基础,其新增的语义化元素如`<progress>`为创建进度条提供了一种标准方法。然而,NumberProgressBar可能不完全依赖...
定时器的回调函数`goto`会逐步增加`d`变量的值,这个值代表了进度条已经完成的百分比,然后将它赋值给`bar`的宽度,从而使得进度条的宽度不断增长。 当`d`变量的值达到网页总宽度`wd`时,表示进度条已经走完了,...
在IT行业中,圆形进度条是一种常见的用户界面元素,它用于展示某个任务或进程的完成状态。这类进度条通常以圆形或者半圆形的形式呈现,能够直观地显示百分比进度,为用户提供实时反馈。以下是对"圆形进度条"这个主题...
通过JavaScript技术模拟Excel表格,提供友好的用户界面和人性化的操作方式,有效提高了学院教务管理的效率。 【关键词】:ASP.NET, JavaScript, 成绩填报, Excel表格 在当前高等教育环境中,教学管理是高校日常工作...
在IT领域,尤其是在前端开发中,"拖拽进度条"是一种常见的交互设计,它允许用户通过拖动进度条的滑块来改变某项任务或进程的进度。这种功能的实现通常涉及JavaScript(简称js)编程,结合HTML和CSS来创建可视化界面...
- 填充型进度条:条形区域逐渐被填充,通常以百分比表示完成度。 - 圆环型进度条:进度以圆形的方式呈现,常用于表盘或者仪表样式的设计。 - 水波纹进度条:模拟水波扩散的效果,视觉效果独特。 - 动态进度条:...
填充条随着进程的完成而增长,直到达到背景条的长度。进度条的设计可以是线性的,也可以是圆形的,但在这次教程中,我们将专注于常见的线性进度条。 打开Axure RP后,首先创建一个新的项目,设置合适的页面大小和...
- 数字百分比显示通常与进度条同步更新,直观地展示当前进程的百分比。这可以通过计算已完成部分与总部分的比例,然后转换为百分比,再在页面上动态更新对应的DOM元素来实现。 4. **加载完成显示内容**: - 当...
它们可以是静态的,也可以是动态的,例如,显示连续的动画来模拟实时的进程。 花样进度条1.0可能提供了以下特性: 1. **多样化样式**:可能包含多种预设的外观设计,如线性、圆形、饼图或其他创意形状,以适应不同...
环形进度条是一种常见的UI元素,它以图形化的方式显示任务或进程的完成度,通常呈圆形或弧形,视觉效果美观且易于理解。在软件开发中,特别是在移动应用和现代网页设计中,环形进度条被广泛使用,用于指示加载、下载...
使用媒体查询或百分比单位确保时钟在各种设备上都能正确显示。 以上是实现jQuery时钟翻页效果的基本流程。实际开发过程中,可能还需要对代码进行调试和优化,以确保在不同浏览器和设备上的兼容性和性能。记住,良好...
环形进度条是一种常见的UI元素,常用于展示任务或进程的完成程度。在这个示例中,我们将探讨如何使用JavaScript和CSS实现一个带有数字显示的环形进度条效果。首先,让我们解析代码的主要部分。 HTML 结构: 代码...
此外,为了实现百分比显示,我们需要在JavaScript中计算实际进度并更新UI。这可以通过监听特定事件(如Ajax请求的进度)或者定期检查某个进程的状态来实现。然后,将计算出的百分比值传递给CSS,通过内联样式或数据...
为了模拟进度条动态变化,我们定义了一个名为`progress`的函数,该函数递增进度条的值,并通过`setTimeout`设定定时器来调用自身,直到达到99%。最后,我们在1秒后启动这个进程: ```javascript function progress...
通过指定百分比来控制动画的进程,我们可以实现旋涡效果。 - `animation`属性用于应用动画,包括`animation-name`(引用`@keyframes`)、`animation-duration`(动画时长)、`animation-timing-function`(时间函数...
8. **测试与调试**:在开发过程中,使用浏览器的开发者工具进行跨设备模拟和真机测试是必要的,以确保模板在各种屏幕尺寸和操作系统上的表现都良好。 综上所述,“前端H5框架自适应模板”是一个专注于移动优化的...