JQuery有一个专门用于浏览器锁屏的插件BlockUI。
他的使用很简单，看看说明文档基本上可以搞定了就，下面我写一个我的例子：
<script> $(function() { $('#waitButton').click(function() { $.blockUI({ message: $('#wait'), css: { border: 'none', padding: '15px', backgroundColor: '#000', opacity: 0.15, color: '#fff' } }); }); }); </script> </head> <body> <input type="button" id="waitButton" value="锁屏"/> <div id="wait" style="display: none;">
请稍等
<img src="<%=request.getContextPath() %>/common/css/012.gif"/> </div> JQuery与Ajax的结合使用：< xmlnamespace prefix ="o" ns ="urn:schemas-microsoft-com:office:office" /> $(document).ajaxStart(function(){ $.blockUI({ message: $('#wait'), css: { border: 'none', padding: '15px', backgroundColor: '#000', opacity: 0.15, color: '#fff' }}) }).ajaxStop($.unblockUI);
本站技术原创栏目文章均为中睿原创或编译，转载请注明：文章来自中睿，本站保留追究责任的权利。
