效果

先上效果：

实现

页首HTML添加如下，图片路径自行修改：

<!-- 打赏开始 -->
<script src="https://blog-static.cnblogs.com/files/sillage/tctip-1.0.1.min.js"></script>
  <script>  
  new tctip({
    top: '20%',
    button: {
      id: 9,
      type: 'dashang',
    },
    list: [
      {
        type: 'alipay',
        qrImg: 'https://images.cnblogs.com/cnblogs_com/sillage/1918823/o_210119032241alipay.bmp'
      }, {
        type: 'wechat',
        qrImg: 'https://images.cnblogs.com/cnblogs_com/sillage/1918823/o_210119032228wechatoay.bmp'
      }
    ]
  }).init()
  </script>
  <!-- 打赏结束 -->

参考

https://www.cnblogs.com/greedying/p/6483222.html