jQuery仿Win10QQ聊天界面UI
仿 win10 桌面 QQ 风格的聊天 UI，视觉上挺贴近 PC 端 QQ 的，窗口阴影、图标细节做得蛮用心，整体挺有桌面即视感的。用的是老朋友 jQuery，虽然现在不算主流了，但交互这种事儿它还是挺顺手的，比如$('#sendBtn').click()这种写法，简单明了。
聊天窗口的结构也比较清晰：上方头像+昵称，中间历史消息，下方是输入框加发送按钮。你想改样式的话，直接改style.css就行，不复杂。消息发送逻辑也挺直白，监听点击事件，把输入框的内容插入到消息列表里，顺便清个空。
动画上加了点小心思，用slideToggle搞了点展开收起的滑动效果，体验还不错。你也可以加点fadeIn或者animate增强下交互感。有空可以自己改改，加点拖拽、置顶啥的，jQuery 插件一堆，灵活得。
UI 这块挺注重细节，比如圆角头像、气泡样式、颜色搭配，都做得比较“QQ 味儿”。整体结构也容易上手，index.html里一看就懂，新手看了也能快速复刻个 demo。
哦对了，响应式也稍微做了一下，虽然不是细腻，但常见尺寸下显示还挺稳的。如果你想搞得更精致，可以自己加点@media再细调下。
压缩包texiao669_1560681012里啥都有：HTML、CSS、JS、图片资源，直接解压跑就行。如果你想练练手、或者做个 UI 仿真 demo 参考，这个项目还挺合适。
如果你对即时通讯相关的东西感兴趣，也可以看看这些：
下载地址
用户评论
