手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >从A页面连接到B页面后并直接把B页面的隐藏层显示
从A页面连接到B页面后并直接把B页面的隐藏层显示
摘要:这个效果实现的是,在B页面里有两个层,一个显示层,我们暂定名c层,一个是隐藏层,我们暂定名d层,单独进B页面的时候,c层显示,d层隐藏,然而...

这个效果实现的是,在B页面里有两个层,一个显示层,我们暂定名c层,一个是隐藏层,我们暂定名d层,单独进B页面的时候,c层显示,d层隐藏,然而从A页面连接到B页面的时候,则是让d层显示,c层隐藏,我觉得这个效果对网页设计者以后会有很大帮助,现在把代码发出来,这里感谢经典的“老二”提供技术帮助。

A页面:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>这是A页面</title>

</head>

<body>

<a href="B.htm?id=show">我要连到B页面</a>

</body>

</html>

B页面:

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>这是B页面</title>

<script language="javascript">

function show()

{

var a=document.location.href;

//alert(a);

if(a.indexOf("id=show")==-1)

{

document.getElementById("hidden").style.display="none";

document.getElementById("show").style.display="block";

}

else

{

document.getElementById("hidden").style.display="block";

document.getElementById("show").style.display="none";

}

}

</script>

</head>

<body onload="show()">

<div id="hidden" style="display:none ">

<font color="red">这里是一个隐藏的层,把我显示出来吧,最好显示我的时候把下面的那个层隐藏掉</font>

</div>

<div id="show">

<font color="blue">这是一个显示的层</font>

</div>

</body>

</html>

【从A页面连接到B页面后并直接把B页面的隐藏层显示】相关文章:

CSS 3基础

用CSS样式描述表格Table边框

UltraEdit 使用技巧汇总

10条影响CSS渲染速度的写法

CSS3创建惊艳多重边框色

CSS table 单行布局示例代码

CSS 控制因Html页面高度导致抖动的问题解决方法

CSS 控制Html页面高度导致抖动问题的原因

Web页面优化减小页面对内存及CPU的占用

为不同的浏览器载入不同CSS的二种方法

精品推荐
分类导航