今天对前边做的进度条进行了改进,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>