我正在寻找一种弹出窗口[关闭]答案

【问题标题】：I am looking for kind of popup [closed]我正在寻找一种弹出窗口[关闭]
【发布时间】：2014-12-30 20:25:22
【问题描述】：

我正在谷歌中寻找某种弹出窗口。可以说，当我按下某个东西时，会出现一个小云，几秒钟后或我点击的任何地方它都会消失。这怎么叫？？谷歌中的所有弹出/模态窗口脚本都像屏幕一样大，使页面的其余部分消失或需要按 X 关闭它。我应该在谷歌中输入什么才能找到这样的东西？

【问题讨论】：

欢迎来到 SO。你应该从这里开始：stackoverflow.com/help/how-to-ask
您真正需要的只是让 DIV 出现。只需查看如何使 DIV 出现，位置绝对是您想要的。

标签： javascript jquery popup

【解决方案1】：

您可以制作一个 div 并设置为 display:none;和 z-index:99999; 要显示弹出窗口，您可以使用 jquery.show()。类似的东西：

HTML 代码：

 <html>
      <body>
    <div id="popup">
      <p>popup content</p>
      <button type="button" id="closePopup">Close D:</button>
    </div>
    <p>This is the content of the website</p>
    <button type="button" id="openPopup">Open popup :D</button>
  </body>
</html>

CSS

body{
  background-color:#ddd;
}

#popup{
  height:100px;
  width:100px;
  border:1px solid #444;
  position:absolute;
  margin:20px 0px 0px 300px;
  background-color:#222;
  color:#ddd;
  box-shadow: 3px 3px 10px 1px #444;
  z-index:99999;
  display:none;
}

JS (jQuery)

$('#openPopup').click(function(event){
  $('#popup').show();
});

$('#closePopup').click(function(event){
  $('#popup').hide();
});

Link to codepen

请原谅我的英语。

【讨论】：