DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 從A頁面連接到B頁面後並直接把B頁面的隱藏層顯示
從A頁面連接到B頁面後並直接把B頁面的隱藏層顯示
編輯:CSS詳解     

這個效果實現的是,在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>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved