創建不帶滾動條或工具欄的彈出窗口

如何複製Chrome網上應用店出現的純平窗口，在下載應用程序時點擊添加至Chrome？窗口/彈出窗口沒有工具欄，滾動條，只有一個按鈕可以將其關閉在最右側角落，沒有按鈕可以最小化。提前致謝。創建不帶滾動條或工具欄的彈出窗口

2012-02-16 user1139403

這不是用'window.open'創建的彈出窗口。它是一個用CSS定位的容器。 – Zeta 2012-02-16 10:04:31

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

來源

2012-02-16 10:43:58

非常感謝，非常感謝。 – user1139403 2012-02-16 14:51:30

創建不帶滾動條或工具欄的彈出窗口

回答

相關問題