html - 创建没有滚动条或工具栏的弹出窗口

标签 html popup window

如何复制 Chrome 网上应用店中出现的普通窗口,您在下载应用程序时点击“添加到 Chrome”?

窗口/弹出窗口没有工具栏,没有滚动条,只有最右下角的关闭按钮,没有最小化按钮。

最佳答案

我相信 Chrome 网上应用店中的弹出窗口不是 HTML 或 JavaScript 生成的,而是 Chrome 浏览器本身的窗口组件。

但是,您可以使用 CSS 和 JavaScript 构建如下内容:

<html>
  <head>
    <script type="text/javascript">
      function popup() {
        var disp = document.getElementById('floatingDiv').style.display;
        if(disp == 'block') disp = 'none';
        else disp = 'block';
        document.getElementById('floatingDiv').style.display = disp;
      }
    </script>
    <style type="text/css">
      #floatingDiv {
        display: none;
        position: absolute;
        top: 100px;
        left: 100px;
       }
    </style>
  </head>

  <body>
    <a href="javascript:popup()">Hello World!</a>
    <div id="floatingDiv" style="background: #dddddd; width: 320px; height: 240px;">
      I am a floating div!
    </div>
  </body>
</html>

当然,您可以完全控制 float div 的显示。

关于html - 创建没有滚动条或工具栏的弹出窗口,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9308750/

相关文章:

javascript - 如何通过 jQuery 设置光标图像?

html - 使用表格裁剪 SWF?

html - CSS 元素不会移动

html - 如何给几个按钮不同的样式,使它们分别为 "behave"

javascript - 在特定情况下显示和隐藏弹出窗口

javascript - webview 不显示 javascript windows.open()

cocoa 打开窗口两次

popup - (JavaFX) 执行操作时如何显示临时弹出窗口 (OSD)?

linux - 无法推送 git 存储库

javascript - 为什么使用窗口变量查找索引时出现错误?