HTML點擊隱藏層代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>點擊隱藏層效果演示</title>
<script>
function toggle(id) {
var el = document.getElementById(id);
if (el.style.display === "none") {
el.style.display = "block";
} else {
el.style.display = "none";
}
}
</script>
</head>
<body>
<h1>點擊隱藏層效果演示</h1>
<p>點擊下面的按鈕顯示/隱藏圖片：</p>
<button onclick="toggle('myImage')">顯示/隱藏</button>
<img src="your-image-source.jpg" alt="Your Image" id="myImage" style="display:none">
</body>
</html>在上面的代碼中，我們創建了一個函數toggle來切換元素的可見性。這個函數接受一個id參數，使用document.getElementById方法獲取元素并設置其樣式屬性display為block或none，從而顯示或隱藏元素。我們還通過一個按鈕調用這個函數來切換圖片的可見性，圖片最初是隱藏的，樣式屬性是display:none。這個點擊隱藏層效果可以被用于各種情況，比如顯示一些額外的文本或圖片，只有在用戶點擊時才會顯示。
上一篇vue瀑布pc端
下一篇java bo和dto