iframe-proxy | Sunbelt Computer Software

Repository navigation

History

<!DOCTYPE html>

<head>

<title>sample</title>

</head>

/* 本页的CSS样式表 */

.reveal * {display: none;}

/* class="reveal"的元素的字元素都不显示 */

.reveal *.handle {display: block;}

/* 除了class="handle"的元素 */

</style>

//所有的页面逻辑在onload事件以后启动

window.onload = function(){

// 找到所有class名为"reveal"的容器元素

var elements = document.getElementsByClassName("reveal");

for (var i = 0; i < elements.length; i++) { //对每个元素进行遍历

var elt = elements[i];

//找到容器中的"handle"元素

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>

<body>

<h1 class="handle">Click Here to Reveal Hidden Text</h1>

</div>

</body>

</html>

Sunbelt Computer Software

PL/B Language Development and Support

Navigation Menu

Repository navigation

1.sample.html

1.sample.html

Sunbelt Computer Software

PL/B Language Development and Support

FilesExpand file tree

1.sample.html

Latest commit

History

1.sample.html

File metadata and controls