📄 divs.html

📁 this gives details of the network programming
💻 HTML
字号:
<HEAD>
<TITLE>Netprog JavaScript Demos - DIVs</TITLE>
<SCRIPT>

function showlayer1() {
  if (navigator.appName == "Microsoft Internet Explorer") {
    document.all["layer1"].style.visibility="visible";
    document.all["layer2"].style.visibility="hidden";
    document.all["layer3"].style.visibility="hidden";
  } else {
    document.layer1.visibility="visible";
    document.layer2.visibility="hidden";
    document.layer3.visibility="hidden";
  }
}

function showlayer2() {
  if (navigator.appName == "Microsoft Internet Explorer") {
    document.all["layer1"].style.visibility="hidden";
    document.all["layer2"].style.visibility="visible";
    document.all["layer3"].style.visibility="hidden";
  } else {
    document.layer1.visibility="hidden";
    document.layer2.visibility="visible";
    document.layer3.visibility="hidden";
  }
}


function showlayer3() {
  if (navigator.appName == "Microsoft Internet Explorer") {
    document.all["layer1"].style.visibility="hidden";
    document.all["layer2"].style.visibility="hidden";
    document.all["layer3"].style.visibility="visible";
  } else {
    document.layer1.visibility="hidden";
    document.layer2.visibility="hidden";
    document.layer3.visibility="visible";
  }
}
</SCRIPT>
</HEAD>

<DIV id=layer1 style="visibility: hidden; position: absolute;left:5;top:5">
<FONT COLOR=GREEN>
<CENTER><H1>Layer 1 is the Best Layer</H1></CENTER>


Layer 1 Layer 1 Layer 1 Layer 1
Layer 1 Layer 1 
<A HREF=../../../../../www.slashdot.org/default.htm><IMG SRC=slashdot.gif BORDER=0></A>
Layer 1 Layer 1
Layer 1 Layer 1 Layer 1 Layer 1
</FONT></DIV>

<DIV id=layer2 style="visibility: hidden; position: absolute;left:5;top:5;font-family:fixed;">
<FONT COLOR=RED>
<CENTER><H1>Layer 2 Rules!</H1></CENTER>

Layer 2 Layer 2 Layer 2 Layer 2
Layer 2 Layer 2
<A HREF=../../../../../www.plastic.com/default.htm><IMG SRC=plastic.gif BORDER=0></A>
Layer 2 Layer 2
Layer 2 Layer 2 Layer 2 Layer 2
</FONT>
</DIV>

<DIV id=layer3 style="visibility: hidden; position: absolute;left:5;top:5;font-family:fixed;">
<FONT COLOR=BLACK>
<CENTER><H1>Layer 3: The King of Layers </H1></CENTER>

Layer 3 Layer 3 Layer 3 Layer 3
Layer 3 Layer 3
<A HREF=../../../../../www.onion.com/default.htm><IMG SRC=onion.gif BORDER=0></A>
Layer 3 Layer 3
Layer 3 Layer 3 Layer 3 Layer 3
</FONT>
</DIV>

<!-- The next few lines just leave blank space in the document that will
get filled when a layer/div is turned on -->

<H1>&nbsp</H1>
<BR>
<BR>
<BR>
<BR>&nbsp
<HR>

<CENTER>
<FORM Name=frm>
<INPUT TYPE=BUTTON Name=l1 Value="Layer1" onClick="showlayer1()">
<INPUT TYPE=BUTTON Name=l2 Value="Layer2" onClick="showlayer2()">
<INPUT TYPE=BUTTON Name=l3 Value="Layer3" onClick="showlayer3()">
</FORM>
<HR>
Press a button to see that layer</CENTER>
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -