📄 divs_source.html

📁 this gives details of the network programming
💻 HTML
字号:
<HEAD><TITLE>Source for DIVs</TITLE><LINK rel=stylesheet type=text/css HREF=../../style/jsdemo.css></HEAD><BODY BGCOLOR=#CCCCCC MARGINHEIGHT=0 MARGINWIDTH=0 TOPMARGIN=0  LEFTMARGIN=0><TABLE bgColor=#8899aa border=0 cellPadding=4 cellSpacing=0 width=100%>  <TR>    <TD class=title>&nbsp NetProg 2002: Source for DIVs </TD> </TR>  <TR bgColor=black height=10><TD CLASS=menu> </TD></TR></TABLE><DIV CLASS=page><BR><BR><P><CENTER><TABLE BORDER=0 BGCOLOR=#8899aa CELLPADDING=5><TR><TD><TABLE bgcolor=white BORDER=0 CELLPADDING=10><TR><TD><PRE class=codebox>&lt;HEAD>
&lt;TITLE>Netprog JavaScript Demos - DIVs&lt;/TITLE>
&lt;SCRIPT><SPAN CLASS=code>

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";
  }
}
</SPAN>&lt;/SCRIPT>
&lt;/HEAD>

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


Layer 1 Layer 1 Layer 1 Layer 1
Layer 1 Layer 1 
&lt;A HREF=http://www.slashdot.org>&lt;IMG SRC=slashdot.gif BORDER=0>&lt;/A>
Layer 1 Layer 1
Layer 1 Layer 1 Layer 1 Layer 1
&lt;/FONT>&lt;/DIV>

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

Layer 2 Layer 2 Layer 2 Layer 2
Layer 2 Layer 2
&lt;A HREF=http://www.plastic.com>&lt;IMG SRC=plastic.gif BORDER=0>&lt;/A>
Layer 2 Layer 2
Layer 2 Layer 2 Layer 2 Layer 2
&lt;/FONT>
&lt;/DIV>

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

Layer 3 Layer 3 Layer 3 Layer 3
Layer 3 Layer 3
&lt;A HREF=http://www.onion.com>&lt;IMG SRC=onion.gif BORDER=0>&lt;/A>
Layer 3 Layer 3
Layer 3 Layer 3 Layer 3 Layer 3
&lt;/FONT>
&lt;/DIV>

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

&lt;H1>&nbsp&lt;/H1>
&lt;BR>
&lt;BR>
&lt;BR>
&lt;BR>&nbsp
&lt;HR>

&lt;CENTER>
&lt;FORM Name=frm>
&lt;INPUT TYPE=BUTTON Name=l1 Value="Layer1" onClick="<SPAN CLASS=code>showlayer1()</SPAN>">
&lt;INPUT TYPE=BUTTON Name=l2 Value="Layer2" onClick="<SPAN CLASS=code>showlayer2()</SPAN>">
&lt;INPUT TYPE=BUTTON Name=l3 Value="Layer3" onClick="<SPAN CLASS=code>showlayer3()</SPAN>">
&lt;/FORM>
&lt;HR>
Press a button to see that layer&lt;/CENTER></PRE></TD></TR></TABLE></TD></TR></TABLE></CENTER></DIV>
⌨️ 快捷键说明

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