怎么快速创建一个AJAX的"加载"的图片效果

如何快速创建一个AJAX的"加载"的图片效果

日期:2011/11/06  来源:GBin1.com

 

开发过AJAX的朋友都可能需要自己生成"加载中”的图片显示效果,用来提示用户当前操作正在处理中。这里GBin1.com 提供一个快速的方法生成这种效果。

你只需要使用ajaxStart和ajaxStop方法,你可以将整个页面的ajax方法都加上“加载中”效果。如下:

在线演示

Javascript代码:

<script type="text/javascript">
$(document).ready(function () {
$('#loading')
    .hide()
    .ajaxStart(function() {
        $(this).show();
    })
    .ajaxStop(function() {
        $(this).hide();
    });
});
</script> 

以上自动将实现ajax的loading效果

 

原文来自: 如何快速创建一个AJAX的"加载"的图片效果