2010-05-05 102 views
1

我正在嘗試製作一個Login彈出式窗口。例如,如果有人點擊了登錄按鈕,將會顯示一個彈出窗口,它將改變主頁面的不透明度,並將焦點放在彈出窗口上。如何製作jquery彈出式菜單

Here是一個利用我想實現的網站的例子。

+0

我推薦從jQueryUI對話框開始,然後根據需要改變*(在創建它之後,而不是jQueryUI源代碼) - 在我的情況下,我去掉大部分應用樣式並添加一個自定義關閉按鈕。 jQueryUI對話框*正確地處理了焦點*和ESC,而其他許多選擇則不支持。更好的調整大小也可以在外部修補。在IE8 +中工作得很好。 – user2246674 2013-05-18 20:30:13

回答

5

您可以使用在您的文章該引用jquery的對話框。

Here是如何在其上創建表單元素的示例。

3

你可以使用jQueryUI的dialog

+0

jQuery UI的最新版本是1.8.1 – DannyLane 2010-05-05 13:47:23

+0

@DannyLane:良好的捕獲,鏈接已更新。 – derek 2010-05-05 13:50:04

1

我之前使用的Boxy插件,這是非常輕便(比jQueryUI的打火機,雖然沒有那麼多的功能)。

這很容易使用,它是我學習jQuery時使用的第一個插件。

+0

+1好的發現,絕對是把它添加到我的書籤 – Zack 2010-05-05 14:21:59

1

http://jqueryui.com/dialog/#modal-form

使用本網站鏈接 使用一個模式對話框,要求用戶在一個多步驟的過程中輸入的數據。在內容區域嵌入表單標記,將模式選項設置爲true,並使用按鈕選項指定主用戶和輔助用戶操作。

+0

而不是發佈一個鏈接到jQuery的網站,你是否也可以提供必要的代碼來回答OP的問題以及解釋如何/爲什麼它的工作原理? – aribeiro 2016-02-22 09:50:40