当前位置: 代码迷 >> Web前端 >> JQuery干的进度条(改进版)
  详细解决方案

JQuery干的进度条(改进版)

热度:133   发布时间:2012-11-04 10:42:42.0
JQuery做的进度条(改进版)
今天对前边做的进度条进行了改进,MyJQuery.js文件可到附件中下载。
<html>
	<head>
		<script type="text/javascript" src="../jquery-1.4.2.min.js"></script>
		<script type="text/javascript" src="MyJQuery.js"></script>
		<script type="text/javascript">
			$(function(){
				$('#t').scheduleBar({
					width:500,
					height:12,
					percentage:0
				});
				$('#v').scheduleBar({
					width:300,
					height:12,
					percentage:0
				});
			});
			var n=10;
			function bb(){
				$('#t').scheduleBar({
					percentage:n
				});
				n+=10;
			}
			var m=5;
			function dd(){
				$('#v').scheduleBar({
					percentage:m
				});
				m+=10;
			}
		</script>
	</head>
	<body>
		<a href="#" style="display:block;" onclick="javascript:bb()">clickmet!</a>
		<a href="#" style="display:block;" onclick="javascript:dd()">clickmev!</a>
		<div id="t" style="position:fixed;left:200px;top:400px;"></div>
		<div id="v"></div>
	</body>
</html>
  相关解决方案