访问这个网址

Jquery UI对话框演示

我认为这是一个编写简单jquery弹出窗口的很好的教程。而且它看起来很漂亮

极其轻量级的模态弹出插件。 POPELT - http://welbour.com/labs/popelt/

它是轻量级的，支持嵌套弹出窗口，面向对象，支持动态按钮，响应式等等。 下一次更新将包括弹出Ajax表单提交等。

请随意使用并发布反馈。

简单的弹出窗口，使用html5和javascript。

html: -

    <dialog id="window">  
     <h3>Sample Dialog!</h3>  
     <p>Lorem ipsum dolor sit amet</p>  
     <button id="exit">Close Dialog</button>
    </dialog>  

  <button id="show">Show Dialog</button> 

JavaScript: -

   (function() {  

            var dialog = document.getElementById('window');  
            document.getElementById('show').onclick = function() {  
                dialog.show();  
            };  
            document.getElementById('exit').onclick = function() {  
                dialog.close();  
            };
        })();

查看jQuery UI对话框。你可以这样使用它:

jQuery:

$(document).ready(function() {
    $("#dialog").dialog();
});

标记:

<div id="dialog" title="Dialog Title">I'm in a dialog</div>

完成了!

请记住，这是最简单的用例，我建议您阅读文档，以更好地了解可以用它做什么。

这里有一个很好的简单的例子:http://www.queness.com/post/77/simple-jquery-modal-window-tutorial