Visualizzazione dei risultati da 1 a 2 su 2

Discussione: fade

  1. #1
    Utente di HTML.it L'avatar di fostex
    Registrato dal
    Mar 2000
    Messaggi
    136

    fade

    Ciao,
    ho questo script che avvia una sorta di effetto dissolvenza:
    Codice PHP:
    <script>

    colorsText=new Array()
    colorsText[0]='#FFFFFF';
    colorsText[1]='#EEEEEE';
    colorsText[2]='#CCCCCC';
    colorsText[3]='#999999';
    colorsText[4]='#666666';



    function 
    fadeText(azione) {

        if (
    azione=="fadeout") {
            for (
    i=colorsText.length-1,y=0;i>=0;i--,y++) {
                
    setTimeout("document.getElementById('fade').style.color=colorsText["+i+"]",y*50);
            }
        } else {
            for (
    i=0;i<colorsText.length;i++) {
                
    setTimeout("document.getElementById('fade').style.color=colorsText["+i+"]",i*50);
            }
        }

    }

    </script> 
    che applico a:

    <div id="fade">
    <ul>[*]primo[*]secondo[*]terzo[*]quarto[*]quinto[/list]
    </div>

    Avviato da:

    Effetto fade in/out

    Come posso fare in modo che funzioni anche quando sono presenti dei link?
    esempio:
    <div id="fade">
    <ul>[*]primo
    [*]secondo
    [*]terzo
    [*]quarto
    [*]quinto[/list]
    </div>
    :master:


  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    Cambia la funzione così

    codice:
            <script type="text/javascript">
            // <![CDATA[
            colorsText=new Array()
            colorsText[0]='#FFFFFF';
            colorsText[1]='#EEEEEE';
            colorsText[2]='#CCCCCC';
            colorsText[3]='#999999';
            colorsText[4]='#666666';
    
    
    
            function fadeText(azione) {
                
                links = document.getElementById('fade').getElementsByTagName('a');
    
                if (azione=="fadeout") {
                    for (i=colorsText.length-1,y=0;i>=0;i--,y++) {
                        setTimeout("document.getElementById('fade').style.color=colorsText["+i+"]",y*50);
                        
                        for (j=0; j<links.length; j++) {
                            setTimeout("document.getElementById('fade').getElementsByTagName('a')["+ j +"].style.color=colorsText["+i+"]",y*50);
                        }
                    }
                } else {
                    for (i=0;i<colorsText.length;i++) {
                        setTimeout("document.getElementById('fade').style.color=colorsText["+i+"]",i*50); 
                        
                        for (j=0; j<links.length; j++) {
                            setTimeout("document.getElementById('fade').getElementsByTagName('a')["+ j +"].style.color=colorsText["+i+"]",i*50);
                        }
                    }
                }
    
            }        
            // ]]>
            </script>
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.