Bastano un paio di linee di JavaScript: questi sono i due DIV da regolare...
Codice HTML:
<div id="scompari"> ... </div>
<div id="compari"> ... </div>
Questo il codice che dovrà essere aggiunto al BODY:
Codice HTML:
<body onload="setTimeout('document.getElementById(\'scompari\').style.display=\'none\'',5000);setTimeout('document.getElementById(\'compari\').style.display=\'block\'',5000);">
...
</body>
Piccole precisazioni:
- lo script agisce in 5 secondi (5000 millisecondi). Per variare il tempo sostituisci 5000 con il numero opportuno
- stai confondendo gli stili visibility con display: ricorda che visibility:hidden mantiene lo spazio occupato dall'elemento, con display:none invece è come se questo non fosse caricato... nel codice sopra ho regolato display.
Stammi bene...