Home + Webmaster + Script + Javascript + Menù + Menù a comparsa

Menù a comparsa

Ottimo script per creare una specie di menu a comparsa, un simpatico effetto per l'utente ma non molto utile alla navigazione.

Download codice sorgente

<html>
<head>
<title>Menù a comparsa</title>
<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 == 1) {
        	if (n) {
                tab.visibility = "hide";
                tab.left = 0;
                tab.visibility = "show";
                poptext.visibility = "hide";
                tabShow = 0;
                return;
           	}
			if (ie) {
                tab.visibility = "hidden";
                tab.left = 0;
                tab.visibility = "visible";
                poptext.visibility = "hidden";
                tabShow = 0;
                return;
           }
  }
   if (tabShow == 0) {
        	if (n) {
                tab.visibility = "hide";
                tab.left = 223;
                tab.visibility = "show";
                poptext.visibility = "show";
                tabShow = 1;
       			   }
			if (ie) {
				tab.visibility = "hidden";
                tab.left = 223;
                tab.visibility = "visible";
                poptext.visibility = "visible";
                tabShow = 1;
				}
}
}

</script>
<style>

</style>
</head>

<body onLoad="init()">
<div ID=tabDiv>
<a href="javascript:hidepoptext();">
<img src="tab.gif" width=15 height=164 alt="Clicchi qui" border="0">
</a>
</div>
<div ID=poptextDiv>
Ottimo esempio utile soprattuto se si vuole creare un'archivio a comparsa come delle cartelle.<br><br>Possono essere inseriti testo e/o immagini a piacere.<br><br>
Risorse.net - sezione Dhtml<br>
Finalmente Dynamic Html in Italia
</div>
</body>
</html>

Compatibilità: MsIE | Netscape

Salva quest'immagine con il tasto destro del mouse o crea la tua immagine perssonalizzata. (15x164px)

Javascript

Altre risorse:
Libri Javascript | Manuale Javascript

Webmaster Avanzato Percorso completo volto a formare dei professionisti del Web. Come si lavora in uno Staff?

Fai fruttare il tuo sito! Diventa oggi stesso un affiliato Trade Doubler e guadagna qualche soldino con il tuo sito web.