提交表单时的等待(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;
}

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

标签：

原文地址：http://www.cnblogs.com/facial/p/4998332.html