jQuery Layer弹出层在线聊天窗口

jQuery 的 Layer 弹出层做聊天窗口，真是挺顺手的一个方案。界面能自定义，弹窗位置、高宽都随你配，加载外部页面也方便。像你要搞个在线聊天工具，直接用type: 2配chat.html，几行代码就能搞定，挺香的。

Layer 的调用方式也简单，用$.layer()就行，配置项也直观。比如聊天窗口，设好title、area这些参数就能弹出来。想换风格或者加点动效，Layer 也支持，还能和别的 jQuery 插件一起搭。

聊天页面chat.html里，用加button做输入区就够了。监听点击事件，把消息发到后台再回显，配合$.ajax()或者.post()就能跑起来。如果要更实时，后面可以换成WebSocket。

要注意的是，Layer 用 iframe 嵌入内容时，要保证路径没问题，别跨域，不然加载不出来。还有聊天逻辑尽量放chat.html里，弹窗那边负责显示就行，职责分离。

如果你想快速整一个弹窗聊天原型，Layer 真的挺省事儿，代码也清爽。具体代码和效果可以看这篇示例，照着改快就能跑通。