Printable View
Ciao ragazzi!
Qualcuno di voi conosce uno script capace di replicare quanto avviene nella home di Libero? (la pubblicità di conto arancio che gironzola sullo schermo)...
Vorrei inserire un testo del genere, ma non so da dove partire!!!
Grazie 1000 anticipatamente
Quello che vedi è un filmato flash, che viene fatto "svolazzare" per la pagina con l'uso dei livelli html (che personalmente sconsiglio vivamente).
Ciaooooo!!!!!!!
porcaccia la miseria!
pensavo fosse puro java.
allora in java è impossibile ri-creare un oggetto del genere?
Credo che in java sia possibilissimo, ma non chiedere a me, non lo conosco!
PS: non confondere JAVA con JAVASCRIPT!
Ciaooooo!!!!!!!
Se ti riferisci ai Flash con sfondo trasparente e sfumature in trasparenza (notevoli infatti) no, un Applet Java non può essere trasparente.
Mentre invece impostare un oggetto che si muova sullo schermo (per es una GIF) è possibilissimo in DHTML, cioè mischiando Javascript e oggetti html come DIV).
http://adv-banner.libero.it/banners/...14/sprite4.GIF
l'immagine che svolazza è semplicemente un immagine .gif !!!
se mi ricordo bene dovrei aver già realizzato un javascript che memorizza il percorso di un pop-up all'interno di un pagina.
se sei veramente convinto fammi sapere che controllo nel mio archivio se lo ritrovo
non è mica così difficile, basta un pò di javascript.....
posto qui il codice per far svolazzare l'immagine che ha postato rgate per la finestra di explorer, rimbalzando quando tocca i bordi del browser.
funziona anche se ridimensioni la finestra....
[code:1:af7cd7c0ac]
<html>
<head>
<style>
.imgfluttuante {position:absolute; top:0; left:0; z-index:11;}
</style>
<script language="javascript">
posx=-50;
posy=-50;
incx=1;
incy=1;
velocita=20;
function vola() {
if (posx>document.body.offsetWidth || posx<-50) incx=-incx;
if (posy>document.body.offsetHeight || posy<-50) incy=-incy;
posx=posx+incx;
posy=posy+incy;
document.all.volare.style.top=posy;
document.all.volare.style.left=posx;
setTimeout("vola()",velocita );
}
</script>
</head>
<body onload="javascript:vola();"& gt;
<div class="imgfluttuante" id="volare">
<img src="sprite4.gif" border="0" id="immagine">
</div>
<br><br><br><br><br> <br><br><br>
<center>
<h1>PROVA VOLO IMMAGINE</h1>
</center>
</body>
</html>
[/code:1:af7cd7c0ac]
grandissimo Jole!!!
funziona a meraviglia!
alla fine ho inserito del testo al posto dell'immagine, ma vedo che questo script va bene per ogni oggetto io voglia inserire...
grazie 1000
a proposito: per far sì che dopo un tot di secondi lo script si interrompa?
grazie anticipatamente
Ovviamente funziona solo su Internet Explorer (document.all)
bhè, io ho fatto l'esempio, ovviamente sull'esempio bisogna sviluppare il resto!!!!! :shock:
vabbè ho capito....
oltre a funzionare anche con netscape, ora scompare dopo un certo periodo di tempo impostato da maxvolte....
che saddà fa pe campà!!! :lol:
[code:1:8c6e5cf2e2]<html>
<head>
<style>
.imgfluttuante {position:absolute; top:0; left:0; z-index:11;}
</style>
<script language="javascript">
browser=navigator.appName;
browserNum=parseInt(navigator.appVersion);
if (browser=="Netscape") {
if (browserNum<5) {
layer="document.layers['";
endLayer="']";
style="";
} else {
layer="document.getElementById('";
endLayer="')";
style=".style";
}
} else {
layer="document.all.";
endLayer="";
style=".style";
}
posx=-50;
posy=-50;
incx=1;
incy=1;
velocita=20;
maxvolte=1000;
volte=0;
function vola(volte) {
if (posx>document.body.offsetWidth || posx<-50) incx=-incx;
if (posy>document.body.offsetHeight || posy<-50) incy=-incy;
posx=posx+incx;
posy=posy+incy;
eval(layer+"volare"+endLayer+style+& quot;.top=posy");
eval(layer+"volare"+endLayer+style+& quot;.left=posx");
if (volte<maxvolte) {
setTimeout("vola("+(volte++& #41;+")",velocita)
} else {
eval(layer+"volare"+endLayer+style+& quot;.visibility='hidden'");
}
}
</script>
</head>
<body onload="javascript:vola(0);" >
<div class="imgfluttuante" id="volare">
<img src="sprite4.gif" border="0" id="immagine">
</div>
<br><br><br><br><br> <br><br><br>
<center>
<h1>PROVA VOLO IMMAGINE</h1>
</center>
</body>
</html>[/code:1:8c6e5cf2e2]