HTML點(diǎn)擊更換圖片代碼
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>點(diǎn)擊更換圖片</title>
</head>
<body>
<img id="myImage" src="image1.jpg" onclick="changeImage()">
<script>
function changeImage() {
var image = document.getElementById("myImage");
if (image.src.match("image1.jpg")) {
image.src = "image2.jpg";
} else {
image.src = "image1.jpg";
}
}
</script>
</body>
</html>以上代碼演示了如何通過(guò)JavaScript來(lái)控制點(diǎn)擊后更換圖片。在頁(yè)面上有一張圖像，其src屬性指向image1.jpg文件。當(dāng)用戶點(diǎn)擊該圖片時(shí)，changeImage()函數(shù)會(huì)被觸發(fā)。該函數(shù)使用if語(yǔ)句來(lái)檢查當(dāng)前圖像的src屬性是否匹配image1.jpg文件。如果匹配，圖像的src屬性將被更改為image2.jpg文件；否則，它將被更改為image1.jpg文件。