记录：正在加载弹出框，方便以后使用

.loading{border:1px solid #2b5280;background:#7e9dc1 url(../images/loading_bg1.gif) repeat-x top;}
.loading .ui-dialog-titlebar{display: none;}

.loading .ui-dialog-content{padding:20px; border:1px solid #2b5280;background:url(../images/loading_bg.gif) #d0e5ea repeat-x top;}

$(document).ready(function(){$("#b01").click(function(){showProgressInfo();htmlObj = $.ajax({url:"txt/ajax.txt",async:false});$("#myDiv").html(htmlObj.responseText);});});
function showProgressInfo(){if ($("#dialogloading").length == 0){$("body").append('<div id="dialogloading">'+'<img src="images/loading.gif" align="absmiddle" />&nbsp;正在加载</div>');$("#dialogloading").dialog({autoOpen: false,bgiframe: true,modal: true,draggable: false,resizable: false,minHeight: 0,dialogClass: 'loading'});}$("#dialogloading").dialog("open");}
function hideProgressInfo(){$("#dialogloading").dialog('close');}

<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
<script type="text/javascript" src="js/jquery.ui.js"></script>

<div id="myDiv"><h2>通过 AJAX 改变文本</h2></div>
<input id="b01" type="button" value="改变内容">