Articles of jquery animate

Animazione di jquery / Javascript Opacity con scroll

Sto cercando di cambiare l’opacità su un object (e di avere la transizione da animare) in base allo scroll di un utente. Esempio (http://davegamache.com/) Ho cercato ovunque come qui, ma finisce per indicarmi il plugin waypoint (http://stackoverflow.com/questions/6316757/opacity-based-on-scroll-position) Ho implementato il plugin [waypoint] [1] e ho lo sbiadimento dell’object una volta che è superiore a 100px. […]

jQuery 1.6: backgroundPosition vs backgroundPositionX e compatibilità FF4

Nel tentativo di aggiornare il plugin jQuery ‘iCheckbox’ (http://stackoverflow.com/questions/6032538/) per funzionare sopra jQuery 1.4.4 ho scoperto che l’uso di animate({backgroundPosition:’10px 0px’}) doveva essere cambiato in animate({backgroundPositionX: ’10px’, backgroundPositionY: ‘0px’}) come dovrebbero essere utilizzate solo le proprietà con un parametro. Finora, questo ha senso, ma aspetta .. mentre funziona bene in Safari e Chrome, non funziona […]

Come si anima il valore di una barra di progresso dell’interfaccia utente jQuery?

Ho impostato una barra di progresso dell’interfaccia utente jQuery ma non posso usare jQuery animate per animarne il valore. Qualche idea su come farlo funzionare? La variabile percentDone contiene un numero compreso tra 0 e 100 che mostra quanto deve essere lungo la barra di scorrimento (funziona correttamente). Ho provato diverse cose inutilmente. Ecco cosa […]

jquery anima firefox in background-position

Ho ottenuto questo dispositivo di scorrimento dell’immagine di sfondo che funziona in chrome e safari, ma non fa nulla in Firefox. qualsiasi aiuto? $(function(){ var image= “.main-content”; var button_left= “#button_left”; var button_right= “#button_right”; var animation= “easeOutQuint”; var time= 800; var jump= 800; var action= 0; $(button_left).click(function(){ right(); }); $(button_right).click(function(){ left(); }); $(document).keydown(function(event){ if(event.keyCode == ’37’){ […]

Come posso eseguire più effetti jquery simultanei?

Sto animando alcuni elementi di errore / convalida in una pagina. Voglio che rimbalzino e sia evidenziato, ma allo stesso tempo se ansible. Ecco cosa sto facendo attualmente: var els = $(“.errorMsg”); els.effect(“bounce”, {times: 5}, 100); els.effect(“highlight”, {color: “#ffb0aa”}, 300); Questo fa sì che gli elementi vengano prima rimbalzati e quindi vengano evidenziati e vorrei […]

JQuery Animare l’immagine di sfondo sull’asse Y.

Mi sembra di riscontrare un problema con l’animazione JQuery. Posso animare l’immagine di sfondo nella direzione positiva, ma non nella direzione negativa. Qualche suggerimento su come rimediare a questo? $(this).parent().css(‘background-position-y’, ’19px’); $(this).parent().animate({ ‘background-position-y’: ‘-=19px’ }, 1000, ‘linear’);

Animazione sincrona JQuery

In molti casi desidero che l’animazione sia eseguita in modo sincrono. Soprattutto quando desidero creare una serie di animazioni sequenziali. C’è un modo semplice per fare una chiamata di funzione animate jQuery sincrona? L’unico modo in cui ho pensato è di impostare un flag vero quando l’animazione è finita e aspettare questo flag.

Animare scorrere fino all’ID al caricamento della pagina

Iming per animare lo scorrimento verso un particolare ID al caricamento della pagina. Ho fatto molte ricerche e mi sono imbattuto in questo: $(“html, body”).animate({ scrollTop: $(‘#title1′).height() }, 1000); ma questo sembra partire dall’ID e animare verso l’alto della pagina? L’HTML (che è a metà della pagina) è semplicemente: Title here

Modo corretto per animare box-shadow con jQuery

Qual è la syntax corretta per animare la proprietà box-shadow con jQuery? $().animate({?:”0 0 5px #666″});

Mostra Div durante la posizione di scorrimento

Prima di tutto vorrei fare riferimento a questo sito Web: http://annasafroncik.it/ Mi piace il modo in cui le animazioni vengono visualizzate. È difficile creare una funzione simile in jQuery? Ci sono dei plugin per creare un tale effetto? Spero che qualcuno mi aiuti.