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

jQuery:

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

标记:

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

完成了!

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

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

访问这个网址

Jquery UI对话框演示

我使用的是一个叫做ColorBox的jQuery插件

非常容易使用 轻量级 可定制的 这是我见过的jQuery最好的弹出对话框

简单的弹出窗口，使用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();  
            };
        })();

尝试一下Magnific Popup，它反应灵敏，重量只有3KB左右。