过期作废 发表于 2007-4-27 10:06:59

***页面特效***链接控制层内文字的显示隐藏及内容变换

把下列代码加到网页的<body></body>标签之间 从google下载我的照片管理软件

要完成此效果需要两个步骤

第一步:把如下代码加入到<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.style.visibility = "hidden";}
if (ns4) {document.layers.visibility = "hide";}
if (ns6) {document.getelementbyid().style.display = "none";}
}
function showlayer(lay) {
if (ie4) {document.all.style.visibility = "visible";}
if (ns4) {document.layers.visibility = "show";}
if (ns6) {document.getelementbyid().style.display = "block";}
}
function writetolayer(lay,txt) {
if (ie4) {
document.all.innerhtml = txt;
}
if (ns4) {
document.document.write(txt);
document.document.close();
}
if (ns6) {
over = document.getelementbyid();
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>
      










--------------------------------------

拥有三人行论坛管理系列软件,一个人就可以管理一个论坛的更新维护。还能使您的论坛有千人在线的真实火暴效果,让您不在为论坛因没有人气而留不住会员而烦恼,使您的论坛早日成为一流的论坛。详情请登陆网站:http://www.cnsrx.cn 三人行论坛管理软件,站长必备的专业好工具。(您使用的是免费版本,购买收费版本后,将不带广告。业务QQ:247216 44985227)
页: [1]
查看完整版本: ***页面特效***链接控制层内文字的显示隐藏及内容变换