WebLink - Tutto per la costruzione delle tue pagine web

K18 - Frase cliccabile e coloratissima, stile arcobaleno.

Funziona con il Browser:

firefox

Safari

opera

internet explorer

Chrome

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

Descrizione:

Effetto testo colorato stile arcobaleno, si commenta da solo, basta vedere come la frase cambia continuamente colore creando un effetto arcobaleno.

TESTO COLORATO ARCOBALENO

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>.

/****************************
*    Rainbow Text Effect    *
*(c) 2003-6 mf2fm web-design*
*  http://www.mf2fm.com/rv  *
* DON'T EDIT BELOW THIS BOX *
****************************/
/* prelevato ed illustrato su Web-Link.it 
******************************************/
var rainbow, raintxt, raincnt=0;
window.onload=function() { if (document.getElementById) {
  var i, raini;
  rainbow=document.getElementById("rainbow");
  raintxt=rainbow.firstChild.nodeValue;
  while (rainbow.childNodes.length) rainbow.removeChild(rainbow.childNodes[0]);
  for (i=0; i<raintxt.length; i++) {
    raini=document.createElement("span");
    raini.setAttribute("id", "rain"+i);
    raini.appendChild(document.createTextNode(raintxt.charAt(i)));
    if (alink) {
      raini.style.cursor="pointer";
      raini.onclick=function() { top.location.href=alink; }
    }
    rainbow.appendChild(raini);
  }
  rainbow=setInterval ("raining()", speed);
}}

function raining() {
  for (var i=0; i<raintxt.length; i++) document.getElementById("rain"+i).style.color=raincol[(i+raincnt)%raincol.length];
  raincnt++;
}
//  -->
</script>

Passo 2 :

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 <body> e </body>.

Note : se dovete fare modifiche al font, alla dimensione della frase agite con i css sul tag span che la racchiude.

Nelle prime righe dello script è possibile agire sui valori:

var speed=100; per variare la velocità cambio colore, valora 1000 = ad 1 secondo.

var raincol=new Array("#ff0000" per variare i colori.

var alink="http://www.web-link.it"; Url link della pagina se si clicca sulla scritta, impostare var alink="" per non avere link.

Elenco completo degli script.

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

JavaScript K18