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

开发过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效果