如何創建彈出窗口

-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

如何創建彈出窗口

回答

相關問題