2012-02-16 71 views
2

如何复制Chrome网上应用店出现的纯平窗口,在下载应用程序时点击添加至Chrome?窗口/弹出窗口没有工具栏,滚动条,只有一个按钮可以将其关闭在最右侧角落,没有按钮可以最小化。提前致谢。创建不带滚动条或工具栏的弹出窗口

+0

这不是用'window.open'创建的弹出窗口。它是一个用CSS定位的容器。 – Zeta 2012-02-16 10:04:31

回答

2

我相信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的显示完全控制。

+0

非常感谢,非常感谢。 – user1139403 2012-02-16 14:51:30