Visualizzazione risultati 1 fino 6 di 6

Discussione: Microanimazioni

  1. #1
    tryhere non è connesso AlterVistiano
    Data registrazione
    19-09-2007
    Messaggi
    757

    Predefinito Microanimazioni

    Vorrei realizzare qualche microanimazione. Ad esempio se l'utente sbaglia la password vorrei far tremare per un paio di secondi il box del login. Per prima cosa, con quale linguaggio mi conviene implementare la cosa?

  2. #2
    L'avatar di javascripter
    javascripter non è connesso Moderatore
    Data registrazione
    14-02-2010
    Messaggi
    1,114

    Predefinito

    Con javascript puoi farlo.
    Magari usi jquery per le animazioni (o qualsiasi altro framework).

  3. #3
    tryhere non è connesso AlterVistiano
    Data registrazione
    19-09-2007
    Messaggi
    757

    Predefinito

    Mi posteresti un'abbozzo di come realizzare questa vibrazione (o qualcosa di simile)?

  4. #4
    L'avatar di alemoppo
    alemoppo non è connesso Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    22,650

    Predefinito

    Hai parecchie possibilità:

    Io farei in javascript.... (API: jQuery ) {l'unico che "so usare"}
    Altrimenti Flash
    Oppure carichi una gif che "trema". In questo ulrimo caso, prima, dovresti comunque caricarla mettendola dentro un div largo e alto 0, in modo tale che quando deve apparire l'immagine, non impieghi tempo a caricarsi
    Ciao!

    EDIT: anticipato

  5. #5
    tryhere non è connesso AlterVistiano
    Data registrazione
    19-09-2007
    Messaggi
    757

    Predefinito

    la gif che trema non mi ispira proprio, volevo qualcosa di piu' "pulito"...mi fareste un esempio con jquery?

  6. #6
    L'avatar di javascripter
    javascripter non è connesso Moderatore
    Data registrazione
    14-02-2010
    Messaggi
    1,114

    Predefinito

    Codice:
    // per includere jquery:
    // <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    
    function check(obj, val) { // passi l'input + il valore da controllare
    	var obj = $(obj), v = obj.val();
    
    	if(v != val) { // se il valore dell'input non è uguale a quello da controllare
    		obj.css('position', 'absolute').animate({ // sposta l'input 20px a destra
    			left: '+=20px'
    		});
    	}
    }
    Codice HTML:
    <input type="text" onblur="check(this, 'ciao')" />
    Qualcosa del genere anche se per far tremare l'input dovrai aggiungere altri effetti!
    http://docs.jquery.com/Main_Page

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •