javascript - 基于轻量级原型(prototype)的 float /可调整大小的弹出窗口

Question

实现Meebo风格的悬浮窗最好的方法是什么？我更愿意使用 Prototype(但如果有一个好的 Jquery 实现，我也很乐意研究它)。我希望窗口可拖动/可调整大小，并且通常“轻量级”且响应迅速。

Answer 1

您可能想查看 dialog component在 jQuery 用户界面中。它是 jQuery 提供的官方 UI 库的一部分。下载jQuery和 jQuery UI然后确保您在页面中引用了这两个脚本。然后，就像在 jQuery 对象上调用 dialog() 一样简单。查看dialog documentation获取更多信息。

<script type="text/javascript">
$(function() {
   $("#dialog").dialog();
});
</script>

<div id="dialog" title="Basic dialog">
    <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>