这本书,很久前看过第一部分
最近发现自己对前端也很感兴趣,手打了一把 13-1 例子的代码 很爽。
<!DOCTYPE html>
<html>
<head>
<style>
.revealed * {display: block;}
.reveal * {
display: none;
}
.reveal *.handle {
display: block;
}
</style>
<script>
(function(){ window.onload = function () {
var elements = document.getElementsByClassName("reveal");
for (var i = 0; i < elements.length; i++) {
var elt = elements[i];
var title = elt.getElementsByClassName("handle")[0];
addRevealHandler(title, elt);
}
function addRevealHandler(title, elt) {
title.onclick = function () {
if (elt.className == "reveal")
elt.className = "revealed";
else if (elt.className == "revealed")
elt.className = "reveal";
}
}
};}())
</script>
</head>
<body>
<div class="reveal">
<h1 class="handle">这里显示隐藏文字</h1>
<p>这些文字是隐藏的,当你点击的时候显示</p>
</div>
</body>
</html>