-2

许多网站都有非常好看的弹出窗口。例如结帐 http://www.myntra.com,当您将鼠标悬停在任何产品图像上时,它会显示 ** Quick View ** 按钮。我想知道如何实现这种类型的窗口。甚至 facebook 也有很好的发送消息界面。这些类型的窗口是否与新窗口不同。我知道如何创建一个新窗口。请告诉我这些叫什么?如何在 html 中开发类似的东西?

我尝试在网上搜索并使用 window.open() 方法创建了一个示例弹出窗口,但这给出了不同的外观

4

3 回答 3

2

您可以尝试使用jQuery 对话框来实现该功能。例如: 演示

它有一个Modal属性,可以设置为true来实现模态对话框

于 2012-04-11T06:50:38.937 回答
1

这种类型的“窗口”称为灯箱。例如,尝试查看http://fancyapps.com/fancybox/

于 2012-04-11T06:48:05.413 回答
-1

我已经尝试了上述选项,但是它们几乎没有问题,例如调整弹出窗口的高度和宽度,还更改了一些其他属性。我尝试了 jquery 对话框,然后我想到了创建一个 div 元素并将您的 html 内容放在 div 中,您只需将其 z-index 设置为非常高的级别并将其附加到 body 部分并查看它将作为弹出窗口,现在您可以轻松设置 div 或弹出窗口的属性。好吧,这对我来说很完美。每当我想要显示我的弹出窗口时,我都会使用 show() 和 hide() 方法。感谢以上所有答案,因为它们帮助我解决了问题并增加了我的知识。

于 2012-04-12T05:00:33.880 回答