jquery实现动态微信聊天界面

最新推荐文章于 2023-01-30 19:44:26 发布

weixin_34067980

最新推荐文章于 2023-01-30 19:44:26 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 前端 python ViewUI

原文链接：https://my.oschina.net/kitty0107/blog/1633054

该博客演示了如何使用jQuery实现动态微信聊天界面，包括消息发送、样式设置和交互功能。用户可以在A君和B君之间模拟对话，输入的内容会以选项标签的形式动态显示在聊天框中。

2019独角兽企业重金招聘Python工程师标准>>>

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>Document</title>
   <script type="text/javascript" src="js/jquery-1.11.1.js"></script>
   <style type="text/css">
   body{

       background-image: url("img/sakura.jpg");
       background-repeat: no-repeat;
       background-size: cover;


   }

   .main{
       width: 90%;
       margin: 10px auto;
   }
   .box{
       float: left;
       margin: 20px 120px;
   }
   .top{
       width: 310px;
       padding: 10px 20px;
       background-color: beige;
       color: aqua;
       font-weight: bold;
   }
   .content{
       background:white;
       height: 470px;
   }
   select{
       border: 2px solid #ccc;
       background: white;
       width: 350px;
       height: 470px;
       padding: 10px;
   }
   .send{