js小案例,模拟QQ聊天

点击人物图片可切换,输入内容可发送

效果图:

js小案例,模拟QQ聊天_第1张图片

页面布局:

小红

页面样式:

#box {
        width: 400px;
        min-height: 400px;
        border: 1px solid black;
      }
      img {
        width: 30px;
        height: 30px;
        vertical-align: middle;
      }

js交互

 

你可能感兴趣的:(JavaScript)