Testo Ondeggiante

« Older   Newer »
 
  Share  
.
  1. Nifo
        Like  
     
    .

    User deleted


    L'effetto che avrete sul testo che scrivete è tipo questo: Testo Prova
    Dovrete modificare la parte alta per personalizzarla ^^

    CODICE
    <script language="javascript">

    // QUESTA È LA PARTE MODIFICABILE PER TESTO E CARATTERE ECC
    var text='MODIFICA QUI IL TESTO';          //TESTO CHE VOGLIAMO VISUALIZZARE
    var delay=30;              // VELOCITA'
    var txtw=26;               // DIMENSIONE CARATTERE IN PIXEL
    var xoff=20;               // DISTANZA DAL MARGINE SINISTRO DELLA PAGINA O DAL MOUSE
    var yoff=10;               // DISTANZA DALLA CIMA DELLA PAGINA O DAL MOUSE
    var sampleinc=0.3;         // NUMBER OF PIXELS TAKEN ALONG THE "X" AXIS AT A TIME
    var amplitude=35;          // ALTEZZA DELL'ONDA IN PIXEL
    var mousefollow=false;     // true=LA SCRITTA SEGUE IL MOUSE/ false=LA SCRITTA SI TROVA ALLE CORDINATE xoff/yoff
    var beghtml='<h1>';        // OPTIONAL HTML THAT EFFECTS THE WHOLE STRING.
    var endhtml='</h1>';       // OPTIONAL HTML CODE ONLY NEEDED IF ABOVE NEEDS AN "END" HTML TAG.

    //********** NON CAMBIARE DA QUI IN POI **********\\

    ns4 = (navigator.appName.indexOf("Netscape")>=0 && document.layers)? true : false;
    ie4 = (document.all && !document.getElementById)? true : false;
    ie5 = (document.all && document.getElementById)? true : false;
    ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;
    var txtA=new Array();
    text=text.split('');
    var t='';
    var ex=sampleinc;
    var mousex=0;
    var mousey=0;
    for(i=1;i<=text.length;i++){
    t+=(ns4)? '<layer name="txt'+i+'" top="-1000" left="0" width="'+txtw+'" height="1">' : '<div id="txt'+i+'" style="position:absolute; top:-1000px; left:0px; height:1px; width:'+txtw+'; visibility:visible;">';
    t+=beghtml+text[i-1]+endhtml;
    t+=(ns4)? '</layer>' : '</div>';
    }
    document.write(t);

    function adjmousepos(evt){
    mousex=xoff+((ie4||ie5)?event.clientX+document.body.scrollLeft:evt.pageX);
    mousey=yoff+((ie4||ie5)?event.clientY+document.body.scrollTop:evt.pageY);
    }

    function getidleft(id){
    if(ns4)return id.left;
    else return parseInt(id.style.left);
    }

    function getidtop(id){
    if(ns4)return id.top;
    else return parseInt(id.style.top);
    }

    function getwindowwidth(){
    if(ie4||ie5)return document.body.clientWidth+document.body.scrollLeft;
    else return window.innerWidth+pageXOffset;
    }

    function moveid(id,x,y){
    if(ns4)id.moveTo(x,y);
    else{
    id.style.left=x+'px';
    id.style.top=y+'px';
    }}

    function movetxts(){
    for(i=text.length;i>1;i=i-1){
    if(getidleft(txtA[i-1])+txtw*2>=getwindowwidth()){
    moveid(txtA[i-1],0,-1000);
    moveid(txtA[i],0,-1000);
    }else moveid(txtA[i], getidleft(txtA[i-1])+txtw, getidtop(txtA[i-1]));
    }
    moveid(txtA[1],x1,y1);
    ex=ex+sampleinc;
    }

    function movetxts(){
    for(i=text.length;i>1;i=i-1){
    if(getidleft(txtA[i-1])+txtw*2>=getwindowwidth()){
    moveid(txtA[i-1],0,-1000);
    moveid(txtA[i],0,-1000);
    }else moveid(txtA[i], getidleft(txtA[i-1])+txtw, getidtop(txtA[i-1]));
    }
    moveid(txtA[1],xoff+mousex,yoff+mousey+(Math.sin(ex)*amplitude)+Math.abs(amplitude));
    ex=ex+sampleinc;
    }

    window.onload=function(){
    for(i=1;i<=text.length;i++)txtA[i]=(ns4)?document.layers['txt'+i]:(ie4)?document.all['txt'+i]:document.getElementById('txt'+i);
    setInterval('movetxts()',delay);
    if(mousefollow){
    if(ns4)document.captureEvents(Event.MOUSEMOVE);
    document.onmousemove=adjmousepos;
    }}

    </script>
     
    .
0 replies since 24/7/2010, 14:12   92 views
  Share  
.