鏈接控制層內(nèi)文字的顯示隱藏及內(nèi)容變換
要完成此效果需要兩個(gè)步驟
第一步：把如下代碼加入到<head>區(qū)域中
<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>區(qū)域中
<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>
| 北京 | 天津 | 上海 | 江蘇 | 山東 |
| 安徽 | 浙江 | 江西 | 福建 | 深圳 |
| 廣東 | 河北 | 湖南 | 廣西 | 河南 |
| 海南 | 湖北 | 四川 | 重慶 | 云南 |
| 貴州 | 西藏 | 新疆 | 陜西 | 山西 |
| 寧夏 | 甘肅 | 青海 | 遼寧 | 吉林 |
| 黑龍江 | 內(nèi)蒙古 |
