如何创建弹出窗口

Question

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

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

Answer 1

您可以尝试jQuery Dialog box来实现该功能。例如：Demo

它具有Modal属性，您可以将其设置为true以实现模态对话框

Answer 2

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

Answer 3

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