| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8" />
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <title>聊天室</title>
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <link rel="stylesheet" type="text/css" media="screen" href="css/style.css" />
- <script src="socket.io/socket.io.js"></script>
- </head>
- <body>
- <div class="chat_room">
- <div class="list">
- <div class="list_1 on" id="all" onclick="char_list(this)">
- <div class="img"><img src="" alt=""></div>
- <div class="title">公共聊天室</div>
- <div class="info"></div>
- </div>
- </div>
- <div class="content" id="all"></div>
- <div class="input">
- <textarea class="input_content"></textarea>
- <input type="button" value="发送" onclick="send(this)">
- </div>
- <div class="user_list">
- <div class="title">用户列表</div>
- <div class="list">
- </div>
- </div>
- </div>
- <div class="setting" style="display: none;">
- <div class="setting_main">
- <div class="title">设置</div>
- <div class="img"onclick="this.querySelector('input').click()">
- <img src="" alt="">
- <input type="file" hidden accept="image/gif, image/jpeg,image/png" onchange="changepic(this,document.querySelector('.setting .img img'))">
- <span>点击更改头像</span>
- </div>
- <div class="info">
- <span>名称:</span><input type="text" class="name">
- </div>
- <input type="button" value="确定" class="ok">
- </div>
- </div>
- <script src="js/main.js"></script>
- </body>
- </html>
|
