jQuery 写悬浮球

你可以使用以下代码来创建一个悬浮球：

HTML 代码：

<div class="floating-ball">
  <i class="fa fa-comments"></i>
</div>

CSS 代码：

.floating-ball {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 50px;
  height: 50px;
  background-color: #3f51b5;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 9999;
}

.floating-ball i {
  color: #fff;
  font-size: 24px;
}

jQuery 代码：

$(document).ready(function() {
  // 隐藏悬浮球
  $('.floating-ball').hide();

  // 当页面滚动时显示悬浮球
  $(window).scroll(function() {
    if ($(this).scrollTop() > 100) {
      $('.floating-ball').fadeIn();
    } else {
      $('.floating-ball').fadeOut();
    }
  });

  // 点击悬浮球后执行的操作
  $('.floating-ball').click(function() {
    // 在这里编写你想要执行的操作，比如弹出聊天窗口等
  });
});

这样就可以实现一个简单的悬浮球了。你可以根据自己的需求来修改样式和点击后执行的操作。