从A页面连接到B页面后并直接把B页面的隐藏层显示
所属分类:
网页制作 / CSS
阅读数:
591
收藏 0赞 0分享
这个效果实现的是,在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>
js 解决隐藏与显示div的相关问题
我的导航中就有一栏产品中心下面用隐藏个div然后鼠标放上去就显示出来,但是导航那一块div一直出不来,什么都没有,很是郁闷不知道是什么原因
收藏 0赞 0分享
ie10 css hack 条件注释等兼容方式整理
ie10已经上线一段时间了,相信已经有一部分前端潮人体验过了,截至到现在,在ie6到ie9的浏览器各种各样的古怪行为,开发人员不得不使用条件注释,有条件的类,和其他特定于IE的css hack来解决
收藏 0赞 0分享
IE6双倍边距 IE6浏览器会出现双倍边距解决方法
所谓的IE6双倍边距就是指当元素有float属性,又有margin属性时,在IE6下面显示的margin的值是设置值的两倍,这个问题从有css技术时就已经诞生,本文将介绍详细解决方法,需要的朋友可以参考下
收藏 0赞 0分享
css 网页背景图片 怎样用CSS实现大背景网页效果
在网页设计制作中经常会遇到这样的问题:用图片做背景时,由于显示器分辨率太大或者图片尺寸太小,在页面的两边或者下部了没有背景图片,使页面变的很僵硬,于是搜集整理一些,晒出来和大家分享
收藏 0赞 0分享
查看更多