HTML漂浮對聯是一種讓網頁內容更加生動活潑的方法，其實現原理是通過JavaScript代碼控制對聯的位置和移動。下面是一個簡單的HTML漂浮對聯的代碼示例：

<div style="position: absolute; top: 100px; left: 100px;" id="floatAd">
<a >這是左對聯</a><br/>
<a >這是右對聯</a>
</div>
<script type="text/javascript">
var floatAd = document.getElementById("floatAd");
var xPos = parseInt(floatAd.style.left);
var yPos = parseInt(floatAd.style.top);
var direction = 1;
function floatAdMove() {
if (direction == 1) {
xPos--;
if (xPos < 0) {
direction = 2;
}
} else {
xPos++;
if (xPos > document.documentElement.clientWidth - floatAd.offsetWidth) {
direction = 1;
}
}
floatAd.style.left = xPos + "px";
}
setInterval("floatAdMove()", 10);
</script>

在上面的代碼中，我們首先使用div標簽創建了一個容器，其中包含了左右兩個對聯。接下來，通過設置該容器的位置和定位方式為絕對定位，以便通過JavaScript代碼來控制對聯的移動。然后定義了一個JavaScript函數floatAdMove()，該函數按照設定的方向使對聯水平移動，并實時更新對聯的位置。最后使用setInterval函數來定時調用floatAdMove函數，從而實現對聯的漂浮效果。

需要注意的是，漂浮對聯可能會影響用戶閱讀體驗，過度的滾動、閃爍等效果可能會讓用戶感到不適，因此在使用時需要注意合理控制動畫速度、移動方向和停留時間等參數。