HTML如何编写类似QQ聊天框,jQuery实现简易QQ聊天框

本文实例为大家分享了jQuery实现简易QQ聊天框的具体代码，供大家参考，具体内容如下

例子1

*{list-style: none;margin: 0;padding: 0;}

.box1{

width: 500px;

height: 480px;

border: 1px solid #aaa;

margin: 0 auto;

margin-top: 20px;

}

.box{

width: 500px;

height: 250px;

overflow: auto;

}

#bb{

width: 494px;

margin-top: -5px;

border: 1px solid white;

outline: none;

}

img{

width: 500px;

}

.btn{

margin-left:325px;

}

.btn,.btn1{

background: #069dd5;

width: 80px;

padding: 3px 0;

border-radius: 7px;

color: white;

font-size: 14px;

outline: none;

}

.image{

margin: 5px;

width: 50px;

}

.pp{ <