你可以使用 JavaScript 来实现这个功能。以下是一个简单的示例:
<!DOCTYPE html>
<html>
<body>
<img id="myImage" src="image.jpg" onclick="toggleImage()">
<script>
function toggleImage() {
var image = document.getElementById('myImage');
if (image.style.display === 'none') {
image.style.display = 'block';
} else {
image.style.display = 'none';
}
}
</script>
</body>
</html>
在这个示例中,我们首先获取了图片元素,并将其存储在变量 image
中。然后,我们定义了一个名为 toggleImage
的函数,该函数在被点击时会被调用。
在 toggleImage
函数中,我们使用 image.style.display
获取当前图片的显示状态,并将其与 'none'
进行比较。如果当前图片是隐藏的,我们将其设置为显示;否则,我们将其设置为隐藏。
最后,我们将 toggleImage
函数作为点击事件监听器添加到图片上,当图片被点击时,toggleImage
函数会被调用,从而实现图片的隐藏和显示。