提交表单时的等待(loading)效果

 

$(document).ready(function () {
$("body").prepend('<div id="overlay" class="ui-widget-overlay" style="z-index: 999999; display: none;"></div>');  //背景透明图
$("body").prepend("<div id='PleaseWait' class='watiting-div' style='display: none;'></div>"); // loading.
});

 

点击提交表单的按钮:

$(".search-box button[type='submit']").click(function () {
        Loading();
});

 

function Loading() {
　　$("#overlay, #PleaseWait").show();
　　document.getElementById('PleaseWait').innerHTML = "<img src='/Images/busy.gif'>Loading...";   // 解决在ie加载时gif图片freeze问题
　　return true;
}