如何實現在頁面內彈出的登錄對話框

我想要設計一個網頁登錄，當單擊登錄按鈕時，登錄框會在頁面本身變爲「禁用」時在同一頁面上彈出（而不是在新窗口中）」。如何實現在頁面內彈出的登錄對話框

我被困在如何開始實現這一點。我不知道這是否可以使用jQuery來完成？任何建議都會被重視。謝謝！

2012-06-14 Edward

是的，你可以使用jQuery UI的對話框

這樣的：

$("#oneDiv").dialog({ 
     height: 140, 
     modal: true 
    });

你oneDiv需要在display:none;，你把任何你想要的它

2012-06-14 18:18:45 GregM

+1很好的例子！ – lkaradashkov

你也可以使用jquery特效創建自己的彈出框。 –

非常感謝！這非常有幫助！ – Edward

當然，你有很多選擇。如果你確定使用jQuery UI庫，只需使用dialog widget並將模態選項設置爲true即可。

也有一些輕量級的選項，如jqModal

2012-06-14 18:21:41

感謝您的建議！ – Edward

回答