發現label/for這個用法挺有意思的,可以通過牽連點擊checkbox實現菜單的開關效果。
代碼示例:(保存進test.html)
<!DOCTYPE HTML><html><head><style>
body {text-align:center;}
label {cursor:pointer;font-weight:bold;}
#shit:checked ~ #menu {display:block;}
#shit, #menu {display:none;}</style></head><body><label for="shit">開關菜單</label><input id="shit" type="checkbox" /><div id="menu"><a href="https://assbbs.com" target="_blank">[選項1]</a><br /><a href="https://assbbs.com" target="_blank">[選項2]</a><br /><a href="https://assbbs.com" target="_blank">[選項3]</a><br /></div></body></html>