從A頁面連接到B頁面后并直接把B頁面的隱藏層顯示
互聯(lián)網(wǎng) 發(fā)布時(shí)間：2008-10-17 19:27:45 作者：佚名 
我要評(píng)論
我要評(píng)論 這個(gè)效果實(shí)現(xiàn)的是，在B頁面里有兩個(gè)層，一個(gè)顯示層，我們暫定名c層，一個(gè)是隱藏層，我們暫定名d層，單獨(dú)進(jìn)B頁面的時(shí)候，c層顯示，d層隱藏，然而從A頁面連接到B頁面的時(shí)候，則是讓d層顯示，c層隱藏，我覺得這個(gè)效果對(duì)網(wǎng)頁設(shè)計(jì)者以后會(huì)有很大幫助，現(xiàn)在把代碼發(fā)出來，
這個(gè)效果實(shí)現(xiàn)的是，在B頁面里有兩個(gè)層，一個(gè)顯示層，我們暫定名c層，一個(gè)是隱藏層，我們暫定名d層，單獨(dú)進(jìn)B頁面的時(shí)候，c層顯示，d層隱藏，然而從A頁面連接到B頁面的時(shí)候，則是讓d層顯示，c層隱藏，我覺得這個(gè)效果對(duì)網(wǎng)頁設(shè)計(jì)者以后會(huì)有很大幫助，現(xiàn)在把代碼發(fā)出來，這里感謝經(jīng)典的“老二”提供技術(shù)幫助。
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">這里是一個(gè)隱藏的層,把我顯示出來吧,最好顯示我的時(shí)候把下面的那個(gè)層隱藏掉</font>
</div>
<div id="show">
<font color="blue">這是一個(gè)顯示的層</font>
</div>
</body>
</html>
相關(guān)文章
CSS文本超出指定寬度后隱藏并顯示為省略號(hào)的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄狢SS文本超出指定寬度后隱藏并顯示為省略號(hào)的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-24利用css的樣式對(duì)文本進(jìn)行隱藏和顯示等操作
這篇文章主要介紹了如何利用css的樣式對(duì)文本進(jìn)行隱藏和顯示等操作，需要的朋友可以參考下2014-05-08css樣式顯示省略號(hào)自定義寬度超過隱藏顯示省略標(biāo)記
這篇文章主要介紹了css樣式怎么顯示省略號(hào)，即當(dāng)超過自定義寬度時(shí)隱藏顯示省略標(biāo)記，比較實(shí)用，需要的朋友可以參考下2014-04-18css樣式的動(dòng)態(tài)添加及顯示和隱藏等零碎用法
css樣式，想必很多從事網(wǎng)頁布局的朋友對(duì)它很熟悉吧，常見的用法就不說了，本文主要為大家介紹下css樣式的零碎用法包括樣式的動(dòng)態(tài)添加及樣式的顯示和隱藏等等，喜歡的朋友可2014-04-01純css3顯示隱藏一個(gè)div特效的具體實(shí)現(xiàn)
顯示隱藏一個(gè)div特效的方法有很多，下為大家介紹下使用純css3是如何實(shí)現(xiàn)的，感興趣的朋友可以參考下2014-02-10- 文字的顯示和隱藏，在某些時(shí)候還是比較實(shí)用的，可能對(duì)于初學(xué)者有些難度，下面為大家簡(jiǎn)單介紹下具體的實(shí)現(xiàn)，感興趣的朋友可以參考下2013-08-18
利用CSS3的checked偽類實(shí)現(xiàn)OL的隱藏顯示的方法
隨著CSS3的發(fā)布，國(guó)外研究正如火如荼，但在國(guó)內(nèi)還有很多人抱著IE不支持CSS3的想法，始終無動(dòng)于衷不肯去學(xué)習(xí)。2010-12-18- 本文給大家介紹了css實(shí)現(xiàn)隱藏和顯示功能的實(shí)例代碼，代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有參考借鑒價(jià)值，有需要的朋友可以參考下2016-07-01