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

时间:2012-01-21 16:27:03

标签: javascript jquery ajax html

我在页面中心有一个div,显示一些内容。当用户单击按钮时,我进行AJAX调用以获取要在div中显示的一些新数据。我想在等待来自AJAX调用的数据时对DIV执行以下操作...

1)将div中所有内容的不透明度更改为50%

2)防止点击DIV中可点击的任何内容;在AJAX调用返回

之前,我不希望用户做任何事情

3)在div的中心覆盖显示加载图标的图像(假设我有一个名为loading.gif的图像)

4)一旦AJAX调用返回数据,返回不透明度恢复正常并删除DIV中可点击性的任何限制,并关闭加载图像图标。

这有什么框架吗?

2 个答案:

答案 0 :(得分:1)

有一个很好的插件叫做Nimle Loader http://www.salesclic.com/jquery.nimble.loader/demo/

答案 1 :(得分:0)

如果您在表单上方放置了具有所需不透明度的div,则使用较高的z-index,所有可点击的项目都将无法点击。请参阅“Opacity of div's background without affecting contained element in IE 8?”。