Seguimi su Youtubue
Iscriviti
Se desideri, puoi effettuare un'iscrizione gratuita al forum per entrare nella nostra community.
Ricerca Avanzata
Pubblicità Google AdSense
Answers
Se necessiti di aiuto, clicca il pulsante "Cerco Aiuto" (disponibile anche per i non iscritti).
Ultimi argomenti
» Come realizzare un impianto antincendio con Arduino - v1.0
Da papat Ieri a 11:47 am

» Sketch per realizzare un semplice semaforo con Arduino
Da Poderak Dom Feb 26, 2017 6:27 pm

» problemi con stazione meteo e schema arduino
Da Poderak Dom Feb 26, 2017 6:23 pm

» Ethernet Shiel compatibile non pinga
Da Poderak Mer Feb 22, 2017 10:03 am

» FUNZIONE I2C
Da papat Dom Feb 19, 2017 6:21 pm

» Come controllare motori DC con L298N e Arduino
Da Poderak Mer Feb 15, 2017 2:14 pm

» Recensione mini drone Aukey - Video
Da Poderak Sab Feb 11, 2017 7:05 pm

» Recensione gamepad Xbox per PC EasySMX - Video recensione
Da Poderak Sab Feb 11, 2017 7:03 pm

» Lampada tech Aukey LT-T6 - Video recensione
Da Poderak Sab Feb 11, 2017 7:02 pm

I postatori più attivi del mese
Poderak
 
papat
 
Mrskizzo
 
SistemaL
 
Charade
 

Codice Javascript palline di natale

Vedere l'argomento precedente Vedere l'argomento seguente Andare in basso

Codice Javascript palline di natale

Messaggio Da Poderak il Sab Ott 29, 2011 10:24 am


Ciao a tutti, in questa guida vi mostro uno Script che vi permetterà di visualizzare nel vostro sito tante palline di natale che partono dal basso all'alto, basta che inserite il seguente codice:
Codice:
<script language="JavaScript1.2">
<!-- Begin
var no = 9; // image number or falling rate
var speed = 20; // the lower the number the faster the image moves
var snow = new Array();
snow[0] = "http://i44.servimg.com/u/f44/16/84/89/65/p2510.gif"
snow[1] = "http://i44.servimg.com/u/f44/16/84/89/65/p2710.gif"
snow[2] = "http://i44.servimg.com/u/f44/16/84/89/65/p1810.gif"
snow[3] = "http://i44.servimg.com/u/f44/16/84/89/65/p2510.gif"
snow[4] = "http://i44.servimg.com/u/f44/16/84/89/65/p2710.gif"
var ns4up = (document.layers) ? 1 : 0; // browser sniffer
var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;
var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 1800;

if (ns4up||ns6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}

dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
j = 0;

for (i = 0; i < no; ++ i) {
dx[i] = 0; // set coordinate variables
xp[i] = Math.random()*(doc_width-50); // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
if (ns4up) { // set layers
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src=\""+ snow[j] + "\" border=\"0\"></layer>");
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src=\""+ snow[j] + "\" border=\"0\"></layer>");
} } else if (ie4up||ns6up) { if (i == 0)
{
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"VISIBILITY: visible; TOP: 15px; LEFT: 15px; width:1;\"><img src=\"" + snow[j] + "\" border=\"0\"></div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"VISIBILITY: visible; TOP: 15px; LEFT: 15px; width:1;\"><img src=\"" + snow[j] + "\" border=\"0\"></div>");
}
}
if (j == (snow.length-1)) { j = 0; } else { j += 1; }
}

function snowNS() { // Netscape main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] -= sty[i]; if (yp[i] < -50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = doc_height;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight; }
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i]+pageYOffset;
document.layers["dot"+i].left = xp[i] +
am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()", speed);
}

function snowIE_NS6() { // IE main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] -= sty[i];
if (yp[i] < -50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = doc_height;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = ns6up?window.innerWidth-5:document.body.clientWidth;
doc_height = ns6up?window.innerHeight-5:document.body.clientHeight;
}
dx[i] += stx[i];
if (ie4up){
document.all["dot"+i].style.pixelTop = yp[i]+document.body.scrollTop;
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
else if (ns6up){
document.getElementById("dot"+i).style.top=yp[i]+pageYOffset;
document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i]);
}
}
setTimeout("snowIE_NS6()", speed);
}

if (ns4up) {
snowNS();
} else if (ie4up||ns6up) {
snowIE_NS6();
}
// End -->

</script>
Immagine demo:

Come faccio a cambiare immagini?
E' molto facile, basta cambiare il seguente settore:
Codice:
snow[0] = "http://i44.servimg.com/u/f44/16/84/89/65/p2510.gif"
snow[1] = "http://i44.servimg.com/u/f44/16/84/89/65/p2710.gif"
snow[2] = "http://i44.servimg.com/u/f44/16/84/89/65/p1810.gif"
snow[3] = "http://i44.servimg.com/u/f44/16/84/89/65/p2510.gif"
snow[4] = "http://i44.servimg.com/u/f44/16/84/89/65/p2710.gif"
Dove inserirlo?Dove volete, in un luogo (widget o annuncio) in modo che si veda in ogni pagina.

Poderak
♔ Amministratore

Messaggi Messaggi : 4136
Crediti Crediti : 11626
Reputazione Reputazione : 185
Data d'iscrizione Data d'iscrizione : 08.03.11
Età Età : 18
Località Località : Brescia

Vedere il profilo dell'utente http://www.wikiinfo.net

Tornare in alto Andare in basso

Vedere l'argomento precedente Vedere l'argomento seguente Tornare in alto


 
Permesso di questo forum:
Non puoi rispondere agli argomenti in questo forum