- Home Page
- > Script DHTML
- > Script DHTML Menu
- > Menu a Discesa
Menu a Discesa
Menu a discesa con un click del mouse.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0063)http://www.risorse.net/dhtml/menu/menu_discesa/menu_discesa.htm
-->
<HTML><HEAD><TITLE>Demo dhtml - www.risorse.net</TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<SCRIPT language=JavaScript1.2>
if (document.layers) {n=1;ie=0}
if (document.all) {n=0;ie=1}
function init() {
if (n) tab = document.tabDiv
if (n) poptext = document.poptextDiv
if (ie) tab = tabDiv.style
if (ie) poptext = poptextDiv.style
}
var tabShow=1;
//Hide-Show Layer
function hidepoptext() {
if (tabShow == 0) {
if (n) {
tab.visibility = "hide";
tab.visibility = "show";
poptext.visibility = "hide";
tabShow = 1;
return;
}
if (ie) {
tab.visibility = "hidden";
tab.visibility = "visible";
poptext.visibility = "hidden";
tabShow = 1;
return;
}
}
if (tabShow == 1) {
if (n) {
tab.visibility = "hide";
tab.visibility = "show";
poptext.visibility = "show";
tabShow = 0;
}
if (ie) {
tab.visibility = "hidden";
tab.visibility = "visible";
poptext.visibility = "visible";
tabShow = 0;
}
}
}
</SCRIPT>
<STYLE>#tabdiv {
Z-INDEX: 2; LEFT: 0px; POSITION: absolute; TOP: 0px
}
#poptextdiv {
BORDER-TOP-WIDTH: 2px; PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BORDER-LEFT-WIDTH:
2px; Z-INDEX: 1; BORDER-LEFT-COLOR: black; LEFT: 0px; VISIBILITY: hidden; BORDER-BOTTOM-WIDTH:
2px; BORDER-BOTTOM-COLOR: black; PADDING-BOTTOM: 10px; WIDTH: 138px; COLOR: black;
BORDER-TOP-COLOR: black; PADDING-TOP: 10px; POSITION: absolute; TOP: 29px; BACKGROUND-COLOR:
black; BORDER-RIGHT-WIDTH: 2px; BORDER-RIGHT-COLOR: black
}
</STYLE>
</HEAD>
<BODY vLink=yellow link=yellow bgColor=white onload=init()>
<DIV id=tabDiv><A href="javascript:hidepoptext();"><IMG
alt="Clicca qui per una prova" src="images/clicca.gif"
border=0></A></DIV>
<DIV id=poptextDiv><FONT color=white size=+1><A
href="#">Primo link</A><BR><A
href="#">Secondo Link</A><BR><A
href="#">Terzo Link</A><BR><A
href="#">Etc etc</A><BR><A
href="#">etc...</A><BR></FONT></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.