WebLink - Tutto per la costruzione delle tue pagine web

F15 - Fuochi di Artificio.

Funziona con il Browser:

firefox

Safari

opera

internet explorer

Chrome

Crediti:
Name: mf2fm web-design
Website: www.mf2fm.com/rv

Descrizione:

Effetto fuoci di artificio, manca solo il botto.

Passo 1 :

Selezionare tutto il codice cliccando sulla forbice, quindi posizionatevi sul testo evidenziato, adoperate il tasto destro del mouse per l'operazione di copia ed incolla, posizionatelo nella vostra pagina nel punto esatto in cui deve apparire l'effetto, fra i tags <head> e </head>.

/****************************
*      Fireworks Effect     *
*(c) 2004-6 mf2fm web-design*
*  http://www.mf2fm.com/rv  *
* DON'T EDIT BELOW THIS BOX *
****************************/
/* prelevato ed illustrato su Web-Link.it 
******************************************/
var dx, xpos, ypos, bangheight;
var Xpos=new Array();
var Ypos=new Array();
var dX=new Array();
var dY=new Array();
var decay=new Array();
var colour=0;
var swide=800;
var shigh=600;

function write_fire() {
  var b, s;
  b=document.createElement("div");
  s=b.style;
  s.position="absolute";
  b.setAttribute("id", "bod");
  document.body.appendChild(b);
  set_scroll();
  set_width();
  b.appendChild(div("lg", 3, 4));
  b.appendChild(div("tg", 2, 3));
  for (var i=0; i<bits; i++) b.appendChild(div("bg"+i, 1, 1));
}

function div(id, w, h) {
  var d=document.createElement("div");
  d.style.position="absolute";
  d.style.overflow="hidden";
  d.style.width=w+"px";
  d.style.height=h+"px";
  d.setAttribute("id", id);
  return (d);
}

function launch() {
  colour=Math.floor(Math.random()*colours.length);
  xpos=Math.round((0.5+Math.random())*swide*0.5);
  ypos=shigh-5;
  dx=(Math.random()-0.5)*4;
  bangheight=Math.round((0.5+Math.random())*shigh*0.4);
  document.getElementById("lg").style.backgroundColor=colours[colour];
  document.getElementById("tg").style.backgroundColor=colours[colour];
}

window.onload=function() { if (document.getElementById) {
  set_width();
  write_fire();
  launch();
  setInterval('stepthrough()', speed);
}}
 -->
</script>

Note :E' possibile cambiare la velocità, l'internsità, il colore dei fuochi sparati.

Nelle prime righe dello script è possibile agire sui valori:

var bits=100; Densità dell'esplosione, numero di pixel che formano la rosa del fuoco

var intensity=7; Intensità e potenza dell'esplosione.

var speed=20; Velocita del razzo, più è alto il numero e meno veloce sarà il suo viaggio.

var colours=new Array(... Colori dei fuochi in sequenza casuale.

Se lo script viene inserito in una pagina XHTML deve essere racchiuso fra questi tag di commento:

// <![CDATA[
codice script
// ]]>

al posto di quelli attuali:

Elenco completo degli script.

Se avete domande da fare potete scrivere sul forum di supporto , gratuito e aperto a tutti.

JavaScript F15