网页右侧悬浮窗代码

html

  ×
  
联系我们

  
电(diàn)话(huà)：123456789
邮箱：example@example.com

css
.floating-widget {
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background-c o l o r: #fff;
  padding: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  z-index: 9999;
}
.close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 20px;
  font-weight: bold;
  c o l o r: #333;
  text-decoration: none;
}
.close-btn:hover {
  c o l o r: #000;
}
h3 {
  margin-top: 0;
}
p {
  margin-bottom: 0;
}

ja vascript
let floatingWidget = document.querySelector(\'.floating-widget\');
let closeBtn = document.querySelector(\'.close-btn\');
closeBtn.addEventListener(\'click\', function() {
  floatingWidget.style.display = \'none\';
});