一个学弟问我有没有请稍后的那种提示控件,后来我推荐了UpdateProgress控件,不想下午我自己用了点时间写了个通用的,就几句话……可怜的学弟,又被我忽悠了……上代码有真相!
代码
<html>
<head>
<script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
<head>
<script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
//这个代码我测试了一下,WEBSERVICE,AJAX,服务器端控件都可以用他来实现,独家原创哦,记得JQ要1.4以上的
$(document).ready(function() {
/*触发按钮ID*/ $("#btLoadPage").click(function() {
/*需要显示的层ID*/$("#divStatus").show().ajaxStop(function() {
$(this).hide();
});
});
});
</script>
</head>
<body>
<center>
<div id="divStatus" style="display:none;z-index:8999;height:77px;width:240px;position:absolute;margin-left:0px;margin-top:200px;" >
处理中。。。请等待。。。
<marquee direction="right" scrollamount="3">
<table style="font-size:1px;width:50px;height:20px;"><tr><td bgcolor="#e5fee5"></td> <td bgcolor="#caf7ca"></td><td bgcolor="#8feb90"></td></tr></table>
</marquee>
</div>
<input type="button" id="btLoadPage" value="Get Customer Info" onclick="$('#divCustomerInfo').load('http://www.booksky.org');" />
</center>
<div id="divCustomerInfo">
</div>
</body>
</html>
$(document).ready(function() {
/*触发按钮ID*/ $("#btLoadPage").click(function() {
/*需要显示的层ID*/$("#divStatus").show().ajaxStop(function() {
$(this).hide();
});
});
});
</script>
</head>
<body>
<center>
<div id="divStatus" style="display:none;z-index:8999;height:77px;width:240px;position:absolute;margin-left:0px;margin-top:200px;" >
处理中。。。请等待。。。
<marquee direction="right" scrollamount="3">
<table style="font-size:1px;width:50px;height:20px;"><tr><td bgcolor="#e5fee5"></td> <td bgcolor="#caf7ca"></td><td bgcolor="#8feb90"></td></tr></table>
</marquee>
</div>
<input type="button" id="btLoadPage" value="Get Customer Info" onclick="$('#divCustomerInfo').load('http://www.booksky.org');" />
</center>
<div id="divCustomerInfo">
</div>
</body>
</html>