帮我用js写一个微信聊天那种气泡效果

当然可以！

下面是一个使用 JavaScript 实现微信聊天气泡效果的示例代码：

.bubble {
  position: relative;
  background: #f1f1f1;
  border-radius: .4em;
  padding: .5em;
}

.bubble:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-style: solid;
  border-width: .5em .5em .5em 0;
  border-color: #f1f1f1 transparent;
  display: block;
  width: 0;
  z-index: 0;
}

.bubble.mine {
  background: #0084ff;
  color: #fff;
}

.bubble.mine:before {
  right: auto;
  left: 0;
  border-width: .5em 0 .5em .5em;
  border-color: transparent #0084ff;
}