C#制作简单的多人在线即时交流聊天室

2019-12-30 11:19:21于海丽
  • overflow-x: hidden;  overflow-y: auto; 
  • overflow-wrap: break-word;  height: 100%; 
  • }   
  • #chatonlinebox {  background-color:#f5d0a8; 
  • }   
  • .rc, .sd {  overflow:hidden; 
  • }   
  • .rc p {  float: left; 
  • color: green;  } 
  • .sd p {  float: right; 
  • color: orange;  } 
  • </style>   
  • </head>  <body> 
  • <table id="layouttable">  <colgroup> 
  • <col style="width:auto" />  <col style="width: 200px;" /> 
  • </colgroup>  <tr style="height:30px; background-color:lightblue;color:yellow;"> 
  • <td>  欢迎进入梦在旅途的网页即时在线大众聊天室 - www.zuowenjun.cn: 
  • </td>  <td> 
  • 当前在线人员  </td> 
  • </tr>  <tr style="height:auto;" id="midtr"> 
  • <td>  <div id="chatmsgbox"> 
  • </div>  </td> 
  • <td>  <div id="chatonlinebox"> 
  • <ul id="chatnames"></ul>  </div> 
  • </td>  </tr> 
  • <tr style="height:50px;">  <td colspan="2"> 
  • <label for="name">聊天妮称:</label>  <input type="text" id="name" style="width:80px;" /> 
  • <input type="button" id="btnsavename" value="确认进入" />  <label for="msg">输入内容:</label> 
  • <input type="text" id="msg" style="width:400px;" />  <input type="button" id="btnSend" value="发送消息" disabled="disabled" /> 
  • </td>  </tr> 
  • </table>  <script type="text/javascript">