轉自 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.
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.
--
文章標籤
全站熱搜
