91 lines
2.0 KiB
HTML
91 lines
2.0 KiB
HTML
<html>
|
|
<style>
|
|
.red { border: 2px solid red }
|
|
.green { border: 2px solid green }
|
|
.visible { visibility: visible}
|
|
.invisible { visibility: hidden}
|
|
//.invisible:hover { visibility: visible}
|
|
.abstop { position: absolute; left:0; right:0; height:30px }
|
|
.abs { position: absolute; left:0; right:0; top:0; bottom:0 }
|
|
</style>
|
|
|
|
<script>
|
|
var node1;
|
|
var node2;
|
|
function dotest()
|
|
{
|
|
|
|
//24
|
|
document.getElementById('24c').style.setProperty('visibility','hidden','');
|
|
document.getElementById('24a').removeChild(document.getElementById('24b'));
|
|
|
|
//25
|
|
document.getElementById('25c').style.setProperty('visibility','hidden','');
|
|
document.getElementById('25a').removeChild(document.getElementById('25b'));
|
|
|
|
//26
|
|
document.getElementById('26c').style.setProperty('visibility','hidden','');
|
|
document.getElementById('26a').removeChild(document.getElementById('26b'));
|
|
setTimeout(dotest2,20);
|
|
}
|
|
|
|
function dotest2()
|
|
{
|
|
|
|
//xx
|
|
//document.getElementById('23').style.setProperty('visibility','hidden','');
|
|
}
|
|
|
|
</script>
|
|
</head>
|
|
<body onload="setTimeout(dotest,20)"><br><br><br><br>
|
|
24 green box with word ok:
|
|
<div id="24a" class="invisible abstop red">
|
|
<div class="abs invisible red">
|
|
<span>blah</span>
|
|
</div>
|
|
<div id="24b" class="abs invisible red">
|
|
</div>
|
|
<div id="24c" class="visible red">
|
|
</div>
|
|
<div class="visible green">
|
|
ok
|
|
</div>
|
|
</div><br><br><br><br>
|
|
|
|
25 green box with word ok:
|
|
<div id="25a" class="invisible abstop red">
|
|
<div class="invisible red">
|
|
</div>
|
|
<div class="abs invisible red">
|
|
</div>
|
|
<div id="25b" class="abs invisible red">
|
|
<span>blah</span>
|
|
</div>
|
|
<div id="25c" class="visible red">
|
|
</div>
|
|
<div class="visible green">
|
|
ok
|
|
</div>
|
|
</div><br><br><br><br>
|
|
|
|
26 green box with word ok:
|
|
<div id="26a" class="invisible abstop red">
|
|
<div class="invisible red">
|
|
<div>blah</div>
|
|
</div>
|
|
<div class="abs invisible red">
|
|
<span>blah</span>
|
|
</div>
|
|
<div id="26b" class="abs invisible red">
|
|
<span>blah</span>
|
|
</div>
|
|
<div id="26c" class="visible red">
|
|
</div>
|
|
<div class="visible green">
|
|
ok
|
|
</div>
|
|
</div><br><br><br><br>
|
|
</body>
|
|
</html>
|