如何复制 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/