CSS 轻量级聊天窗口组件

    纯 CSS 与两行 JavaScript 实现的轻量级html5页面聊天窗口,联系人支持自由收起与打开,附带输入中动画以及个性聊天信息对话框,实现特别简单,只需要 200 行左右的 CSS 即可实现该聊天窗口效果,使用也很容易,只需要把用户信息、头像以及聊天内容置于预定义的 contact class中即可。聊天窗口的整体外观可以通过自定义 css 进行灵活调整。

模板目录结构如下: