HTML浮動窗口是網頁中常見的一種效果。通過CSS樣式中的浮動屬性，我們可以實現在網頁中彈出層或者懸浮廣告等效果。下面是一個HTML浮動窗口的樣例代碼：

在HTML中，我們可以通過添加以下樣式代碼實現浮動窗口：

.popup {
position: fixed;
top: 30%;
left: 50%;
transform: translate(-50%, -50%);
width: 500px;
height: 300px;
background-color: #fff;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
z-index: 999;
}

上述代碼中，我們定義了一個類名為“popup”的樣式，用于控制浮動窗口的效果。其中，“position: fixed;”屬性使得彈出層固定在瀏覽器窗口上，不隨滾動條滾動；“top: 30%; left: 50%;”屬性使得彈出層在瀏覽器窗口中央顯示；“transform: translate(-50%, -50%);”屬性用于居中顯示彈出層；“width: 500px; height: 300px;”屬性指定彈出層的寬度和高度；“background-color: #fff;”和“box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);”屬性用于美化彈出層的外觀；“z-index: 999;”屬性指定彈出層的顯示層級，確保它始終顯示在最上層。

此外，我們還需要添加一些JavaScript代碼，使得浮動窗口可以彈出和關閉：

function showPopup() {
document.getElementById('popup').style.display = 'block';
}
function closePopup() {
document.getElementById('popup').style.display = 'none';
}

在HTML中，我們可以將彈出層的內容包含在一個