Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 11

Discussione: div discesa

  1. #1
    Utente di HTML.it
    Registrato dal
    Sep 2011
    Messaggi
    113

    div discesa

    salve a tutti , avrei bisogno di uno script che mi permette di aumentare il marginTop di un div ad un pixel alla volta come se stesse scorrendo , ho fatto diverse prove ma non ci riesco , so che è semplice , ma non uso mai javascript e quindi non riesco ...
    in particolare dovrei portare il marginTop da -600px a 0px !

  2. #2
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    ... in quanto tempo? diciamo in circa 6 secondi?
    codice:
    <script>
    var margine = -600;
    function giu() {
      margine++;
      document.getElementById("mioDiv").style.marginTop=""+margine+"px";
      if(margine<0) setTimeout("giu()",10);
    }
    window.onload=giu;
    </script>
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  3. #3
    Utente di HTML.it
    Registrato dal
    Sep 2011
    Messaggi
    113
    Per impostare tempi minori?

  4. #4
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    if(margine<0) setTimeout("giu()",10); // attesa in millisecondi
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  5. #5
    Utente di HTML.it
    Registrato dal
    Sep 2011
    Messaggi
    113
    se volessi farlo risalire? ho provato cosi ma non va :
    codice:
    var margine1 = 0;
     function close() { 
    margine1--;
    document.getElementById("profilo").style.marginTop=""+margine1+"px"; if(margine1>-600) setTimeout("close()",1); }

  6. #6
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    Originariamente inviato da tony1616
    se volessi farlo risalire? ho provato cosi ma non va :
    codice:
    var margine1 = 0;
     function close() { 
    margine1--;
    
    document.getElementById("profilo").style.marginTop=""+margine1+"px"; if(margine1>-600) setTimeout("close()",1); }
    Dal codice non si capisce cosa stai cercando di fare... sii piu' esplicito e chiarisci anche cosa vuol dire "non va"
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  7. #7
    Utente di HTML.it
    Registrato dal
    Sep 2011
    Messaggi
    113
    sono riuscito a fare ciò che volevo grazie lo stesso
    Codice PHP:
    var margine1 0; function closes() { margine1++; document.getElementById("profilo").style.marginTop='-'+""+margine1+"px"; if(margine1<600setTimeout("closes()",1); if (margine1==600setTimeout("b()",1); margine=-600 ; } 

  8. #8
    Utente di HTML.it
    Registrato dal
    Sep 2011
    Messaggi
    113
    ho notato che i diversi browser hanno tempi diversi come posso ovviare al problema?

  9. #9
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    Aumenta l'intervallo e muovilo per piu' pixel...
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  10. #10
    Utente di HTML.it
    Registrato dal
    Sep 2011
    Messaggi
    113
    si ci ho pensato , ma alcuni browser sono piu veloci di altri

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.