jquery 进度条
来源:互联网 发布:linux locale 设置 编辑:程序博客网 时间:2024/05/22 11:10
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>jQuery UI Progressbar - Animated</title>
<link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="../../jquery-1.4.2.js"></script>
<script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
<script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
<script type="text/javascript" src="../../ui/jquery.ui.progressbar.js"></script>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<style type="text/css">
.ui-progressbar-value { background-image: url(images/pbar-ani.gif); }
</style>
<script type="text/javascript">
var count = 1;
$(function() {
$("#progressbar").progressbar({
value: count
});
setTimeout(go,100);
});
function go(){
count+=1;
$('#progressbar').progressbar('option', 'value', count);
if(count<100){
setTimeout(go,50);
}
}
function show(){
alert("Hello World");
}
</script>
</head>
<body>
<div class="demo">
<div id="progressbar"></div>
</div><!-- End demo -->
<div class="demo-description">
<p>
This progressbar has an animated fill by setting the
<code>background-image</code>
on the
<code>.ui-progressbar-value</code>
element, using css.
</p>
</div><!-- End demo-description -->
<input type="button" value="go" onclick="go()"/>
</body>
</html>
- jquery 进度条
- jquery进度条
- 进度条 jquery
- Jquery进度条
- jquery进度条
- jquery 进度条
- jquery进度条
- Jquery进度条
- jQuery 平滑进度条
- JQuery+Servlet实现进度条
- jQuery 页面载入进度条
- jQuery 页面载入进度条
- JQuery之进度条插件
- jQuery 页面载入进度条
- jquery插件制作进度条
- jquery插件之进度条
- jQuery拖动进度条
- jquery 遮盖层进度条
- BLOB 和CLOB
- 用MEL写MAYA界面
- linux解压缩命令
- PROTEL 中常用的库元件(中英文)
- 决定
- jquery 进度条
- 出错信息:configuration xmlns="http://schemas.microsoft.com/.NetConfiguration/v2.0
- Python储存器
- 静态区-栈区-堆区区别
- test
- PCB设计的一般原则[分享]
- Lucene采用TermVector高亮显示方法出现问题
- Symbian集结C++高手
- chmod命令中的suid和guid