【问题标题】: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

请原谅我的英语。

【讨论】:

    猜你喜欢
    • 2015-01-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-04-14
    • 2017-08-29
    • 1970-01-01
    相关资源
    最近更新 更多