HTML彈出圖片對話框可以讓網頁設計更加豐富多彩，下面是該對話框的代碼實現：
<html>
<head>
<script>
function popupImg(src) {
// 創建一個div用于彈出框
var div = document.createElement('div');
div.id = 'popup-img';
// 創建一個img并設置源地址
var img = document.createElement('img');
img.src = src;
// 添加img到div中
div.appendChild(img);
// 添加div到body中
document.body.appendChild(div);
// 點擊div時關閉彈出框
div.onclick = function() {
document.body.removeChild(div);
}
}
</script>
</head>
<body>
<img src="image.jpg" onclick="popupImg(this.src)" />
</body>
</html>以上代碼包括一個JavaScript函數popupImg，用于創建彈出框并顯示圖片。在HTML代碼中，一個圖片被添加到圖片標簽中，其中onclick事件調用popupImg函數，并且傳入圖片的源地址作為參數。
下一篇html底紋怎么設置