利用Bootstrap悬浮弹窗关注效果

可以使用Bootstrap的Modal组件来实现悬浮弹窗关注效果。

首先，在页面中引入Bootstrap和jQuery库：

<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.2/css/bootstrap.min.css">
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.2/js/bootstrap.min.js"></script>

然后，创建一个按钮，并为其添加点击事件，点击按钮后弹出悬浮弹窗：

<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#subscribeModal">关注</button>

<div class="modal fade" id="subscribeModal" tabindex="-1" role="dialog" aria-labelledby="subscribeModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="subscribeModalLabel">关注我们</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <p>关注我们，获取更多精彩内容！</p>
        <form>
          <div class="form-group">
            <label for="email">邮箱地址：</label>
            <input type="email" class="form-control" id="email" placeholder="请输入您的邮箱地址">
          </div>
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
        <button type="button" class="btn btn-primary">提交</button>
      </div>
    </div>
  </div>
</div>

其中，按钮的`data-toggle`和`data-target`属性指定了点击后要弹出的悬浮弹窗，弹窗的内容在`<div class="modal">`标签中定义。

最后，添加一些CSS样式，使弹窗浮在页面上方：

.modal {
  position: fixed;
  z-index: 1050;
  overflow: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

这样，当用户点击关注按钮时，就会弹出一个悬浮弹窗，让用户填写邮箱地址并提交。