要完成此效果需要两个步骤
第一步：把如下代码加入到<head>区域中
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var ie4 = (document.all) ? true : false;
var ns4 = (document.layers) ? true : false;
var ns6 = (document.getElementById && !document.all) ? true : false;
function hidelayer(lay) {
if (ie4) {document.all[lay].style.visibility = "hidden";}
if (ns4) {document.layers[lay].visibility = "hide";}
if (ns6) {document.getElementById([lay]).style.display = "none";}
}
function showlayer(lay) {
if (ie4) {document.all[lay].style.visibility = "visible";}
if (ns4) {document.layers[lay].visibility = "show";}
if (ns6) {document.getElementById([lay]).style.display = "block";}
}
function writetolayer(lay,txt) {
if (ie4) {
document.all[lay].innerHTML = txt;
}
if (ns4) {
document[lay].document.write(txt);
document[lay].document.close();
}
if (ns6) {
over = document.getElementById([lay]);
range = document.createRange();
range.setStartBefore(over);
domfrag = range.createContextualFragment(txt);
while (over.hasChildNodes()) {
over.removeChild(over.lastChild);
}
over.appendChild(domfrag);
}
}
// End -->
</script>
第二步：把如下代码加入到<body>区域中
<SPAN ID="newlayer" style="position:absolute;; left: 267px; top: 25px; width: 230px; height: 16px">这里是层</SPAN>
<div align="center"><br>
<br>
<br>
<a href="javascript:hidelayer('newlayer');">隐藏层</a> | <a href="javascript:showlayer('newlayer');">显示层</a>
| <a href="javascript:writetolayer('newlayer','这里是层一');">显示层一</a> |
<a href="javascript:writetolayer('newlayer','这里是层二');">显示层二</a> </div>
减小字体
增大字体
