close

轉自 https://amitchandnz.wordpress.com/2010/08/24/jquery-blockui-using-animated-image/

--

Animated Image
You will need an animated image as follows but you can create your own own from here.
Animated Image

Javascript
Add this bit of code to your ASP.Net page.

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<script type="text/javascript">
   function BlockUI(elementID)
   {
      var prm = Sys.WebForms.PageRequestManager.getInstance();
      prm.add_beginRequest(function(){
          $("#" + elementID).block({ message: '<table><tr><td>' + '<img src="please_wait.gif"/></td></tr></table>',
                                      css: {},
                                      overlayCSS: { backgroundColor: '#FFFFFF', opacity: 0.6, border: '1px solid #000000' }
                                  });
      });
      prm.add_endRequest(function() {
          $("#" + elementID).unblock();
      });
   }
   $(document).ready(function() {
      BlockUI("divMain");
      $.blockUI.defaults.css = {};
   });
</script>

 

JQuery
You will need the following JQuery files for this to work.

 

 

--

全站熱搜
創作者介紹
創作者 dizzy03 的頭像
dizzy03

碎碎念

dizzy03 發表在 痞客邦 留言(0) 人氣()

E-mail轉寄