不当麻瓜: 有完整的代码野

qq_44911088: body { margin: 0 auto; padding: 0px; font-size: 12px; background: url("images/bg.gif") repeat center 36px; text-align: center; background-color: #c30230; } #content { margin: 0 auto; width: 960px; background: url(images/content_bg.jpg) no-repeat left top; height: 627px; position: relative; } #content .tip1, #content .tip2, #content .tip3, #content .tip4, #content .tip5, #content .tip6, #content .tip7, #content .tip8 { position: absolute; width: 227px; left: 200px; top: 100px; } #content .tip1 .tip_h { background: url(images/tip1_h.gif) no-repeat left top; } #content .tip1 .tip_h, #content .tip2 .tip_h, #content .tip3 .tip_h, #content .tip4 .tip_h, #content .tip5 .tip_h, #content .tip6 .tip_h, #content .tip7 .tip_h, #content .tip8 .tip_h { width: 227px; padding-top: 45px; height: 23px; text-align: left; cursor: move; } #content .tip1 .tip_c { background: url(images/tip1_c.gif) repeat-y; } #content .tip1 .tip_c, #content .tip2 .tip_c, #content .tip3 .tip_c, #content .tip4 .tip_c, #content .tip5 .tip_c, #content .tip6 .tip_c, #content .tip7 .tip_c, #content .tip8 .tip_c { width: 200px; padding-left: 12px; padding-right: 15px; min-height: 40px; text-align: left; line-height: 20px; max-height: 160px; word-wrap: break-word; word-break: break-all; overflow: hidden; } #content .tip1 .tip_f { background: url(images/tip1_f.gif) no-repeat left top; } #content .tip1 .tip_f, #content .tip2 .tip_f, #content .tip3 .tip_f, #content .tip4 .tip_f, #content .tip5 .tip_f, #content .tip6 .tip_f, #content .tip7 .tip_f, #content .tip8 .tip_f { width: 227px; height: 53px; padding-top: 20px; } #content .close, #content .close2 { float: left; font-size: 12px; cursor: pointer; color: #000000; } .clr { clear: both; overflow: auto; display: block; height: 0px; } #content .icon { float: left; width: 35px; padding-left: 15px; height: 35px; text-align: center; } #content .name { float: right; padding-right: 15px; text-align: right; font-size: 14px; line-height: 35px; color: #C0F; } #content .num { float: left; padding-left: 7px; width: 195px; } [removed][removed] [removed] //模拟数据库，获取信息 var messages = [ {"id":1,"name":"mahu","content":"今天你拿苹果支付了么","time":"2016-02-17 00:00:00"}, {"id":2,"name":"haha","content":"今天天气不错，风和日丽的","time":"2016-02-18 12:40:00"}, {"id":3,"name":"jjjj","content":"常要说的事儿是乐生于苦","time":"2016-03-18 12:40:00"}, {"id":4,"name":"9.8的妹纸","content":"把朋友家厕所拉堵了 不敢出去 掏了半小时了都","time":"20

LovelyBear2019: 感谢博主用心分享!