本文展示如何使用jQuery实现一个简单的进度条，并通过一个具体的示例进行演示。
(function($) {
$.extend({
progressBar: new function() {
/* public methods */
this.construct = function(arg1, arg2) {
alert('test');
};
}
});
$.fn.extend({
test: $.progressBar.construct
});
})(jQuery);
$(document).ready(function() {
jQuery("#spaceused1").test();
});
----------------------------------------------------------------------------------
<html lang="en">
<head>
<meta charset="utf-8" />
<title>jQuery UI Dialog - Default functionality</title>
<script src="../../js/jquery-ui-1.9.1/jquery-1.8.2.js"></script>
<script src="./progressbar.js"></script>
</head>
<body>
<div id="spaceused1"></div>
</body>
</html>
$.extend({
progressBar: new function() {
/* public methods */
this.construct = function(arg1, arg2) {
alert('test');
};
}
});
$.fn.extend({
test: $.progressBar.construct
});
})(jQuery);
$(document).ready(function() {
jQuery("#spaceused1").test();
});
----------------------------------------------------------------------------------
<html lang="en">
<head>
<meta charset="utf-8" />
<title>jQuery UI Dialog - Default functionality</title>
<script src="../../js/jquery-ui-1.9.1/jquery-1.8.2.js"></script>
<script src="./progressbar.js"></script>
</head>
<body>
<div id="spaceused1"></div>
</body>
</html>
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
