HTML是網頁設計中的一種重要技術，其中設置動態背景圖也是很常用的技巧。下面將介紹如何使用HTML設置動態背景圖，步驟如下： 第一步：在HTML頁面中插入一張圖片，使用下面的代碼：

<img src="picture.jpg" alt="background">

第二步：添加CSS代碼以實現動態效果，首先我們需要為背景圖設置一個新的樣式。使用下面的代碼：

<style>
.bg-image {
background-image: url("picture.jpg");
background-size: cover;
}
</style>

這段CSS代碼將在網頁中添加一個名為“bg-image”的類。這個類的背景圖將使用“picture.jpg”的圖片，背景大小將被設置為“cover”，以填滿整個屏幕。 第三步：通過JavaScript添加動態效果。我們需要為網頁添加一個事件，當用戶鼠標移動時，背景圖將隨之變化。

<script>
document.addEventListener("mousemove", function (event) {
var moveX = (event.clientX / window.innerWidth) * 100;
var moveY = (event.clientY / window.innerHeight) * 100;
document.querySelector(".bg-image").style.backgroundPosition = moveX + "% " + moveY + "%";
});
</script>

這段JavaScript代碼將在文檔中添加一個事件偵聽器，它將跟蹤鼠標移動事件，并根據鼠標位置動態更改背景圖的位置。我們使用“clientX”和“clientY”屬性來獲取鼠標在屏幕上的坐標，然后根據文檔寬度和高度將其與百分比相乘，以產生動態效果。 在以上三個步驟完成后，我們就能夠在網頁上獲得一個具有動態背景圖的效果。這個方法簡單易學，而且可以大大改善網頁的視覺效果，讓整個頁面看上去更加生動活潑。