一个学弟问我有没有请稍后的那种提示控件,后来我推荐了UpdateProgress控件,不想下午我自己用了点时间写了个通用的,就几句话……可怜的学弟,又被我忽悠了……上代码有真相!

 

代码
<html>
<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>

 

 

posted on 2010-09-19 18:04  wsenmin  阅读(320)  评论(0编辑  收藏  举报