从A页面连接到B页面后并直接把B页面的隐藏层显示

2016-02-19 23:21 30 1 收藏

今天图老师小编要向大家分享个从A页面连接到B页面后并直接把B页面的隐藏层显示教程,过程简单易学,相信聪明的你一定能轻松get!

【 tulaoshi.com - Web开发 】

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

!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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

来源:http://www.tulaoshi.com/n/20160219/1629730.html

延伸阅读
标签: Web开发
代码如下: ?php  class html  {      var $dir;        //dir for the htmls(without/)      var $rootdir;    //root of html files(without/):html  &n...
<HTML <HEAD<TITLE EvE HTML </TITLE <meta http-equiv="Content-Type" content="text/html; charset=gb2312" / <STYLE TYPE="text/css" TITLE=""  td{font-size: 12px;} </STYLE </HEAD <Body bgcolor="#E8EEED" background="" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" <DIV id=e...
标签: Web开发
基本思路 首先考虑外层设置一个容器 div ,id 设为 #container ,使他的高度为浏览器窗口的高度,然后将 #footer 这个 div 设置为 #container 的子 div,并使用绝对定位的方式,使他固定到 #container 的底端,以实现希望的效果。 点击这里察看案例页面效果。 改变浏览器的高度和宽度,可以看到 Footer 部分的效果。 代码实...
标签: Web开发
代码如下: import java.io.ByteArrayOutputStream; import java.io.FileOutputStream; import java.io.IOException; import java.io.OutputStreamWriter; import java.io.PrintWriter; import javax.servlet.RequestDispatcher; import javax.servlet.ServletContext; import javax.servlet....
网页频道页面进行了改版,布局仍然是传统三栏目模式,但是这次改版把中栏调整为主题内容栏,比较符合国内网络用户的中栏浏览、阅读习惯。三栏从上至下通栏整齐,方便阅读,在阅读中栏的同时可以兼顾左右边栏的内容。 频道首页改版背景 先说明一下,在此次改版之前的上半年,已经进行过一次对网易首页和频道首页的整体改版,这次改版为上次...

经验教程

819

收藏

80
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部