- Home Page
- > Script DHTML
- > Script DHTML Frame
- > Frame show
Frame show
Shows and hides the content of a frame. It uses the iframes.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
<HEAD>
<title>Demo dhtml</title>
</HEAD>
<BODY>
<br><br><br><br><br><br><br><br><br>
<SCRIPT LANGUAGE="JavaScript">
<!--
{
document.write("<SCRIPT LANGUAGE='JavaScript' SRC='/banner/banner.js'><\/SCRIPT>");
}
//-->
</SCRIPT>
<DIV id="bodyframe" style="visibility:hidden">
<IFRAME id="heads" SRC="frame2.htm" frameborder="1"
style="position:absolute; left:200; top:0; width:430; height:400">
</IFRAME>
</DIV>
<div style="position:absolute; left:0; top:0; width:200; z-index:1;
cursor:hand; background-color:red"
onclick="document.all.bodyframe.style.visibility='visible'">Mostra
il frame</div>
<div style="position:absolute; left:0; top:20; width:200; z-index:1;
cursor:hand; background-color:red"
onclick="document.all.bodyframe.style.visibility='hidden'">Nascondi
il frame</div>
<div style="position:absolute; left:0; top:80; width:200; z-index:1;
cursor:hand; background-color:green"
onclick="document.all.heads.src='http://www.risorse.net/software'">Software</div>
<div style="position:absolute; left:0; top:100; width:200; z-index:1;
cursor:hand; background-color:green"
onclick="document.all.heads.src='http://www.risorse.net/dhtml'">sezione
Dhtml</div>
<div style="position:absolute; left:0; top:60; width:200; z-index:1;
cursor:hand; background-color:green"
onclick="document.all.heads.src='http://www.risorse.net'">RISORSE.NET</div>
</BODY>
</HTML>
A colpo d'occhio
Be Responsive
HTML 5
HTML 5 è un linguaggio di markup utilizzato per la strutturazione e il contenuto delle pagine Web.
CSS 3
CSS 3 è l'ultima evoluzione dei fogli di stile CSS. Contiene molte novità come angoli arrotondati, ombre, sfumature, transizioni o animazioni.
jQuery
jQuery è una libreria JavaScript cross-platform progettata per semplificare lo scripting lato client.
