足球游戏_中国足彩网¥体育资讯$

用htc实现进度条控件
来源:易贤网 阅读:672 次 日期:2014-09-25 09:44:45
温馨提示:易贤网小编为您整理了“用htc实现进度条控件”,方便广大网友查阅!

代码如下:

<PUBLIC:COMPONENT>

<PUBLIC:METHOD NAME ="Init" INTERNALNAME ="fnCreateProgressBar" />

<PUBLIC:METHOD NAME ="showProgress" INTERNALNAME ="showProgress" />

<PUBLIC:PROPERTY NAME="Container"/>

<PUBLIC:PROPERTY NAME="Speed"/>

<SCRIPT LANGUAGE=javascript>

var startTime = null ;

function fnCreateProgressBar(){

now = new Date();

startTime = now.getTime();

now = null

oContainer = element.Container

oContainer.innerHTML = "";

oDiv = window.document.createElement("DIV")

oDiv.className = "progress"

oContainer.appendChild(oDiv)

oDiv.style.display = "";

element.bar = oDiv;

}

function pause(numberMillis) {

var dialogScript =

'window.setTimeout(' +

' function () { window.close(); }, ' + numberMillis + ');';

var result =

window.showModalDialog(

'javascript:document.writeln(' +

'"<script>' + dialogScript + '<' + '/script>")');

}

function showProgress(StatesDesc){

now = new Date();

currTime = now.getTime();

now = null

if(StatesDesc!=null) window.status = StatesDesc+"当前耗时:"+(currTime - startTime)+"毫秒!";

element.bar.style.width = (currTime - startTime) / element.Speed;

pause(1)

}

</script>

</PUBLIC:COMPONENT>

应用例子:

代码如下:

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gbk">

<title>进度条测试</title>

<link rel="stylesheet" type="text/css" href="ProgressBar.css">

<script>

function Demo(){

PrgBar.Container = document.all.layer1

PrgBar.Init();

for(var i=0;i<500;i++){

if(i%5==0) PrgBar.showProgress("操作进行中......")

}

PrgBar.showProgress("操作完成!")

}

</script>

</head>

<body>

<div style="position: absolute; width: 612px; height: 19px; z-index: 1; left: 10px; top: 72px; border-style: solid; border-width: 1px; padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px" id="layer1"></div>

<p><input type="button" value="测试" name="B3" onclick="Demo()"></p>

<Progressbar id="PrgBar" class="ProgressBar" Speed="10"/>

</body>

</html>

样式文件:ProgressBar.css

代码如下:

.ProgressBar

{

BEHAVIOR: url("/ProgressBar.htc")

}

.progress{

position: relative;

width: 0px;

height: 20px;

z-index: 1;

background-color: #006699;

filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#006699,endcolorstr=#E3EFFF,gradientType=0);

border: 1px ridge #C0C0C0;

}

中国足彩网信息请查看IT技术专栏

中国足彩网信息请查看脚本栏目
易贤网手机网站地址:用htc实现进度条控件
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!

2025国考·省考课程试听报名

  • 报班类型
  • 姓名
  • 手机号
  • 验证码
关于我们 | 联系我们 | 人才招聘 | 网站声明 | 网站帮助 | 非正式的简要咨询 | 简要咨询须知 | 加入群交流 | 手机站点 | 投诉建议
工业和信息化部备案号:滇ICP备2023014141号-1 足球游戏_中国足彩网¥体育资讯$ 滇公网安备53010202001879号 人力资源服务许可证:(云)人服证字(2023)第0102001523号
云南网警备案专用图标
联系电话:0871-65099533/13759567129 获取招聘考试信息及咨询关注公众号:hfpxwx
咨询QQ:526150442(9:00—18:00)版权所有:易贤网
云南网警报警专用图标