Question

如何复制Chrome网上应用店中显示的普通窗口，您在下载应用时点击添加到Chrome？

窗口/弹出窗口没有工具栏，没有滚动条，只有一个按钮可以在最右边的角落关闭它，没有按钮可以最小化。

Answer 1

我认为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>

当然，您可以完全控制浮动div的显示。

在没有滚动条或工具栏的情况下创建弹出窗口

1 个答案: