如何在加载时在div上显示图标或图像？

Question

我在显示一些内容的页面中间有一个div。当用户点击一个按钮时，我会进行AJAX调用以获取一些新的数据以显示在div中。我想要做以下的DIV，而我等待来自AJAX调用数据...

1）改变不透明度在div的所有内容，以50％

2）防止任何内容在DIV中点击可点击;我不希望用户做任何事情，直到AJAX调用返回

3）在显示loadingicon的div中心叠加一个图像（假设我有这个命名loading.gif

4图像） ）只要AJAX调用返回数据，将不透明度恢复为正常，并删除对DIV中可点击性的任何限制，并关闭加载图像图标。

有没有这样的框架？

Answer 1

有一个很好的插件，这个调用Nimle装载机http://www.salesclic.com/jquery.nimble.loader/demo/

Answer 2

如果你把一个div与表单上面需要的不透明性，具有较高的z-index使用，所有可点击项目将无法点击。参见“Opacity of div's background without affecting contained element in IE 8?”。