Javascript 我正在寻找一种弹出窗口_Javascript_Jquery_Popup

Javascript 我正在寻找一种弹出窗口

javascript jquery

Javascript 我正在寻找一种弹出窗口,javascript,jquery,popup,Javascript,Jquery,Popup,我在谷歌上寻找一些弹出窗口。比如说，当我按下某个按钮时，会出现一小片云彩，几秒钟后或在我点击的任何地方消失。这叫什么？？谷歌的所有弹出/模式窗口脚本都像屏幕一样大，使页面的其余部分消失，或者需要按X键关闭。我应该在google中键入什么才能找到这样的内容？您可以创建一个div并设置display:none；z指数：99999；要显示弹出窗口，可以使用jquery.show（）。诸如此类： HTML代码： JS（jQuery）请原谅我说英语。欢迎来到SO。您应该从这里开始：您真正想要的

我在谷歌上寻找一些弹出窗口。比如说，当我按下某个按钮时，会出现一小片云彩，几秒钟后或在我点击的任何地方消失。这叫什么？？谷歌的所有弹出/模式窗口脚本都像屏幕一样大，使页面的其余部分消失，或者需要按X键关闭。

我应该在google中键入什么才能找到这样的内容？

您可以创建一个div并设置display:none；z指数：99999；要显示弹出窗口，可以使用jquery.show（）。诸如此类：

HTML代码：

JS（jQuery）

请原谅我说英语。

欢迎来到SO。您应该从这里开始：您真正想要的是显示一个DIV。只要看看如何使一个DIV出现，位置绝对是你想要的。

 <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>

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;
}

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

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