WebLink - Tutto per la costruzione delle tue pagine web

K9 - Testo che si compone da destra o da sinistra.

Funziona con il Browser:

firefox

Safari

opera

internet explorer

Chrome

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

Descrizione:

Effetto testo che si compone con provenienza da destra o da sinistra.

Scrittura partendo da Destra.

Lo sfondo giallo ed il relativo bordo non sono prodotti dallo script, li ho inseriti io al solo scopo di evidenziare meglio l'effetto.

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

/***************************\
* Right Write Text Effect   *
* (c)2003-6 mf2fm web-design*
*  http://www.mf2fm.com/rv  *
* DON'T EDIT BELOW THIS BOX *
\***************************/
/* prelevato ed illustrato su http://www.web-link.it 
*****************************************************/

var rwtxt, swide, shigh;
var rwlft=new Array();
window.onload=function() { if (document.getElementById) {
  set_width();
  var rwli="";
  var rwrit=document.getElementById("rightwrite");
  rwrit.style.position="relative";
  rwtxt=rwrit.firstChild.nodeValue;
  while (rwrit.childNodes.length) rwrit.removeChild(rwrit.childNodes[0]);
  for (var i=0; i<rwtxt.length; i++) {
    rwli=document.createElement("span");
    rwli.setAttribute("id", "rwr"+i);
    rwli.style.position="relative";
    rwli.style.visibility="hidden";
    rwli.appendChild(document.createTextNode(rwtxt.charAt(i)));
    rwrit.appendChild(rwli);
  }
  for (var i=0; i<rwtxt.length; i++) if (rwtxt.charAt(i)!=" ") {
    rwli=document.getElementById("rwr"+i);
    rwlft[i]=(direction=="right")?swide-getPageLeft(rwli):-getPageLeft(rwli);
    setTimeout("fly_me("+i+")", 1000*interval*((direction=="right")?i:rwtxt.length-i));
  } 
}}

function getPageLeft(el) {
  var x=0;
  do { x+=el.offsetLeft }
  while ((el=el.offsetParent)!=null) ;
  return x;
}

function fly_me(let) {
  var rwme=document.getElementById("rwr"+let);
  if (rwme.style.visibility=="hidden") rwme.style.visibility="visible";
  if (Math.abs(rwlft[let])>0.5) {
    rwme.style.left=Math.floor(rwlft[let])+"px";
    rwlft[let]+=(direction=="left")?1:-1;
    rwlft[let]*=0.98;
    setTimeout("fly_me("+let+")", speed);
  }
  else rwme.style.left="0px";
}
// -->
</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, non vi rimane che trasferire il tutto nella vostra pagina web, nel punto in cui volete dare vita all'effetto, ovviamente sostituirete la scritta RIGHT WRITE TEXT con quello che preferite.

Note :E' possibile cambiare la velocità e l'orientamento della scritta.

Nelle prime righe dello script è possibile agire sui valori:

var speed=40; Velocità di animazione, numero basso maggiore velocità.

var interval=1; Tempo in secondi fra una lettera e l'altra.

var direction="right"; Lato da cui appare il testo right o left per destra o sinistra.

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 K9