最简单、直接能用、兼容手机电脑的网站首页悬浮窗口代码，复制就能用，带关闭按钮、不影响排版、可自定义内容。

直接复制下面完整代码：

<!-- 悬浮窗口CSS --> <style> .float-window {  position: fixed;  bottom: 30px;  right: 30px;  width: 280px;  background: #fff;  border-radius: 10px;  box-shadow: 0 0 15px rgba(0,0,0,0.2);  z-index: 9999;  padding: 20px;  box-sizing: border-box; } .float-close {  position: absolute;  top: 10px;  right: 12px;  cursor: pointer;  font-size: 16px;  color: #666; } </style> <!-- 悬浮窗口HTML --> <div class="float-window" id="floatWin">  <div class="float-close""https://www.fouwan.com/">JS --> <script> function closeFloat() {  document.getElementById("floatWin").style.display = "none"; } </script>

你可以直接改这些地方：

1. 位置bottom: 30px; right: 30px;改成 top 就是顶部悬浮

2. 大小width:280px 改宽度

3. 内容中间 <h4> <p> 随便改文字、加图片、加链接

4. 样式背景色 background:#fff 可改颜色

想放左侧？

把 right:30px 改成left:30px

想居中？

bottom: 50%; right: 50%; transform: translate(-50%, -50%);

总结

• 这是最通用、最安全的悬浮窗代码

• 不影响网站原有代码

• 带关闭按钮、自适应手机

• 直接粘贴到 首页 HTML 底部 / 模板公共底部 即可生效

• 文章由否玩代码编辑 https://www.fouwan.com