Javascript 如何在黑暗背景中创建加载窗口效果

我们想在加载页面时放置暗背景效果（通常我们用于图像库）。实际上我们有一个HTML表单，只有文本框和提交按钮。我们只需要通过ajax从PHP获取数据。在这里，我们想实现加载图像与黑暗的背景效果。当一个完整的数据将打印在屏幕上，然后，加载图像与黑暗的背景回到正常的背景

谢谢

罗杰

更新：-使用此代码从php文件获取值。我是Ajax/JS的初学者，如果有人能告诉我代码结构，那对我们很好

var anchorUrl2 = 'script.php';
var anchorPars1 = 'sqt=abcsd';
var anchorAjax2 = new Ajax.Updater( 'div-id', anchorUrl2, { method: 'get', parameters: anchorPars1 });

• 在表单上，将div提交到

  body

  tag
• 将此div的位置设置为固定，宽度和高度设置为窗口的宽度和高度
• 指定一个半透明的黑色PNG作为背景
• 在里面写一段文字，写上“请稍候”
• 对该div执行ajax请求时使用回调函数

---

试试这个，代码应该是不言自明的。这是jquery代码，但您可以从中去掉这个想法

<script type="text/javascript>
  $(document).ready(function(){
    $("#contentToHideWhileLoading").hide();
    $("#contentToShowWhileLoading").show();
    $.get(url, {parameters: anchorPars1}, function(data){
        $("#placeToAppendTo").append(data.dataToAppend);
        $("#contentToShowWhileLoading").hide();
        $("#contentToHideWhileLoading").show();
        $("#placeToAppendTo").show(); // if it wasn't visible yet
    });
  });
</script>

---

好主意。有什么问题吗？看看这个，这符合我的要求。但是我无法在我们的程序中实现它。我目前还没有安装lightbox2。因为我对AJAX/JS的了解较少。我可以知道，我们把这些代码放在页面的什么地方。@fmsf-这个问题有
prototype
作为它的一个标签，因此有理由假设他正在使用prototype库。与其告诉他安装另一个完整的库，不如提供一个与此相关的解决方案。@spudley-oops sry，没有注意到。很抱歉，主要的概念是一样的。我现在没有太多时间去改变它。我会让答案留在这里作为参考。我们必须在任何地方提到它，或者我们必须使用所需的名称？？？+1作为答案，而不需要包括庞大的jQuery库