HTML CSS JS实现网页聊天窗口,js实现聊天对话框

本文实例为大家分享了js实现聊天对话框的具体代码，供大家参考，具体内容如下

.box{

width:300px;

height:400px;

border:1px solid blue;

margin:0 auto;

}

.inTer{

width:280px;

height:280px;

border:1px solid deeppink;

margin:0 auto;

margin-top:10px;

overflow-y:auto;

}

textarea{

display:block;

width: 276px;

height:65px;

margin:0 auto;

margin-top:5px;

}

#btn{

display:block;

float:right;

margin-right:10px;

margin-top:5px;

}

p{

display:inline-block;

border-radius:5px;

background:#dcdcdc;

font-size:12px;

padding:5px 5px;

margin:5px 0;

margin-left:5px;

max-width:140px;

word-wrap: break-word;

}