chatWithMe

项目名称：聊天对话框 项目时间：2018.11.17-2018.11.19 功能实现： 1.渐入聊天对话框，对话框可在页面随意拖动（仅在谷歌浏览器可实现）； 2.鼠标悬浮顶端头像，渐入资料卡，鼠标移开渐隐资料卡； 3.点击右上角按钮，可隐藏对话框，显示悬浮球，悬浮球可在页面随意拖动（谷歌）； 4.消息框左侧显示后台消息，右侧为用户输入消息，每条消息上方为发送时间； 5.输入框输入文字消息，按enter键（shift+enter换行）或点击发送按钮清空输入框并发送至消息框右侧； 6.可以自动检测输入内容中的网址，点击可打开新窗口进入此网址； 7.点击模拟按钮，显示模拟后台信息的输入框，按enter键或点击提交按钮发送（shift+enter换行），发送至消息框左侧。点击关闭按钮，清空并隐藏； 8.点击关闭按钮，关闭当前窗口。 开发技术： 1.HTML+CSS：编写页面结构，DIV+CSS进行页面布局。运用了HTML5中placeholder、autofocus属性，拖放特性。CSS3中border-radius、box-shadow等属性（谷歌、火狐）。 2.JavaScript：运用DOM查找元素，监听、绑定事件（点击，按键），获取内容并渲染到页面固定位置。 3.JQuery：运用了jQuery的css()、fadeIn()、fadeOut()、animate()等。