使用JavaScript显示多个CSS弹出窗口

我不熟悉JavaScript。在我的项目中，我想制作一个CSS弹出窗口。我使用CSS和JavaScript创建了一个弹出窗口

JavaScript:

 function ShowPop(id)
 { 

  document.getElementById(id).style.visibility = "visible";
  }

CSS:

HTML:

---

我的疑问是如何一次打开多个弹出窗口，而只使用一个。每个弹出窗口必须包含从数据库检索到的不同内容。如何打开多个CSS弹出窗口？

希望这对您有所帮助，我就是这样做的：

---

编辑：我还没有实现任何功能来移动对话框，所以现在你是必须实现的人，但是现在你可以给对话框分配不同的类来定位它们，或者编写一些代码，使它们显示在给定元素旁边。

如果您希望同时打开多个弹出窗口，则需要多个元素来显示其中的数据。要做到这一点，最简单的方法是使用已经编写的众多jQuery插件中的一个——我自己从未使用过，我无法提供任何建议，但快速的谷歌搜索应该足够了

---

但是，如果您真的想自己实现这个功能，则需要使用jQuery按需创建元素，将由单击哪个链接确定的相关数据加载到新创建的元素中，然后将其添加到DOM中并使其可见。然后，当用户选择关闭弹出窗口时，只需再次删除该元素。

这不是一个矛盾吗？多个弹出窗口只使用一个弹出元素？先生，但是这个弹出窗口将只打开一个css框，我可以打开多个css框吗每次调用ajaxErrorDialog都会在同一位置呈现不同的对话框。耶..正确，那么如何才能用test1替换，将test2添加到html标记示例中添加一个文本框

 .popup
  {

    position: absolute; 
    left:400px; 
    top:100px; width:230px;
    border-style:solid;
    padding: 5px;
    z-index:2;
    visibility:hidden;
 }

  <a href='javascript:void(0);' onclick='ShowPop("term1")>a</a>
  <span id='term1'></span>