日期:2014-05-16  浏览次数:20726 次

如何快速创建一个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的"加载"的图片效果