如何创建弹出窗口

-2

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

我试图净搜索和使用window.open（）方法创建了一个示例弹出窗口，但是这给了一个不同的外观

来源

2012-04-11 sachinjain024

这就是你所说的[*模态窗口*]（http://en.wikipedia.org/wiki/Modal_window）。弹出窗口完全不同。 – Joseph 2012-04-11 06:47:50

我试过在网上搜索，并使用window.open（）方法创建了一个样本弹出窗口，但这给出了一个不同的外观。我想创建一个看起来像这些网站半透明的窗口 – sachinjain024 2012-04-11 06:49:23

下面的答案都是相关的，一些比其他技术，但都有一个共同点：你将不得不使用CSS风格的“窗口/灯箱/ dialouge “到你期望的。这很可能不是你想要的那样。 – KillerX 2012-04-11 06:53:07

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

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

来源

2012-04-11 06:50:38

谢谢Ravi告诉我这个功能。这很酷:)我想我可以继续我的工作与此..感谢很多 – sachinjain024 2012-04-11 06:55:53

接受作为答案，如果它适用于你 – 2012-04-11 08:28:39

这种类型的“窗口”被称为收藏夹。例如，尝试查看http://fancyapps.com/fancybox/。

来源

2012-04-11 06:48:05 KillerX

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

来源

2012-04-12 05:00:33 sachinjain024

好主意..但jquery对话框也相当不错。 – 2012-04-12 05:02:59

如何创建弹出窗口

回答

相关问题