HTML是一種網頁開發語言，可以使用它來創建豐富的動態效果。其中，設置多張圖片動的效果是非常常見的，下面是一些HTML代碼示例，可以幫助您實現這個效果。
<html>
<head>
<title>多張圖片動效</title>
</head>
<body>
<div id="container">
<img id="image1" src="image1.jpg">
<img id="image2" src="image2.jpg">
<img id="image3" src="image3.jpg">
</div>
<script>
setInterval(function() {
var container = document.getElementById("container");
var images = container.getElementsByTagName("img");
var i = Math.floor(Math.random() * images.length);
var j = Math.floor(Math.random() * images.length);
container.insertBefore(images[j], images[i]);
}, 1000);
</script>
</body>
</html>上面的代碼會在每秒鐘隨機調換多個圖片的位置。它使用了setInterval()函數來定時執行JavaScript代碼。在JavaScript代碼中，它首先獲取了頁面上的一個容器元素和多張圖片的列表，然后隨機選擇兩張圖片并交換它們的位置。最后，它使用insertBefore()函數將交換后的圖片插入到正確的位置。
另外，您還可以使用CSS和動畫效果來實現多張圖片的動態效果。
<html>
<head>
<title>多張圖片動效</title>
<style>
#container {
position: relative;
}
.image {
position: absolute;
top: 0;
left: 0;
}
@keyframes move {
0% {
transform: translateX(0);
}
100% {
transform: translateX(500px);
}
}
.image:nth-child(odd) {
animation: move 10s infinite linear;
}
.image:nth-child(even) {
animation: move 15s infinite linear;
}
</style>
</head>
<body>
<div id="container">
<img class="image" src="image1.jpg">
<img class="image" src="image2.jpg">
<img class="image" src="image3.jpg">
<img class="image" src="image4.jpg">
<img class="image" src="image5.jpg">
</div>
</body>
</html>上面的代碼會讓多張圖片在頁面上水平移動。它使用了CSS的position和animation屬性來控制圖片的位置和動畫效果。其中，animation屬性使用了@keyframes關鍵字來定義動畫的各個階段，并使用infinite參數設置動畫無限循環。
總之，HTML是一個非常強大的網絡技術，可以實現豐富的動態效果。無論是使用JavaScript還是CSS，只要靈活運用，都可以創造出令人驚奇的效果。