come si realizza il banner che in offtopic di questo forum

**pmi** · 23-06-2005, 13:59

Sapete come si realizza il banner che compare quando entri in offtopic?

http://forum.html.it/forum/forumdisp...p?s=&forumid=7

come si fa a farlo comparire una volta ogni 20 minuti?
e quel bellissimo effetto a cascata come si realizza?

**badaze** · 23-06-2005, 14:34

Per l'effetto puoi fare cosi

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<style type="text/css">
<!--
.moved {}
-->
</style>
<script language="JavaScript" type="text/javascript">
<!--
var tIdX = null;

function animateX() {
 clearTimeout(tIdX);
 i = parseInt(document.getElementById('adiv').style.top);
 status = i;
 if (i <= 300) {
  document.getElementById('adiv').style.top = i+1;
  tIdX=setTimeout('animateX()', 1);
 }
} // function animateX()
//-->
</script>

</head>
<body onload="animateX()">
<div  id="adiv" style="background-color:yellow;position:absolute;left:250;top:-150">
Ciao

Ciao

Ciao

Ciao

</div> 

</body>
</html>

**pmi** · 23-06-2005, 18:04

in questo script c'è inserito anche il tempo che se un utente l'ha già visto, aspetta 15 minuti prima di mostrarlo di nuovo?

grazie..

**badaze** · 28-06-2005, 16:21

Prova questo

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<style type="text/css">
<!--
.moved {}
-->
</style>
<script language="JavaScript" type="text/javascript">
<!--
var tIdX  = null;
var pippo = null;

function every() {
 clearTimeout(pippo);
 animateX();
 //---------- Setta qui il numero di secondi
 nbSec = 10;
 pippo=setTimeout('every()', nbSec * 1000);
}

function animateX() {
 clearTimeout(tIdX);
 i = parseInt(document.getElementById('adiv').style.top);
 //status = i;
 if (i <= 50) {
  document.getElementById('adiv').style.top = i+5;
  tIdX=setTimeout('animateX()', 1);
 }
} // function animateX()
//-->
</script>

</head>
<body onload="every()">
<div  id="adiv" style="background-color:yellow;position:absolute;left:250;top:-150">
Ti avvisiamo !!! Non rompere qui o sarai bannato.



Uomo avvisato è mezzo salvato !!!

Chiudi

</div> 

</body>
</html>

Discussione: come si realizza il banner che in offtopic di questo forum

Strumenti discussione

Ricerca discussione

Visualizza

come si realizza il banner che in offtopic di questo forum

Permessi di invio