jParallax trasforma un elemento selezionato in una 'finestra', o finestra, e tutti i suoi bambini in strati con posizionamento assoluto che può essere visto attraverso la finestra.
Questi strati si muovono in risposta al mouse, e, a seconda delle loro dimensioni (e opzioni per strato inizializzazione), si muovono in misura diversa, in una sorta di parallaxy modo.
Se gli strati sono realizzati in & # x3c; div & # X3e; s o & # x3c; li & # X3e; s o qualsiasi altro contenitore quindi il contenuto può essere posizionato all'interno quegli strati, e Parallax fornisce i metodi per la navigazione a tale contenuto in risposta alle eventi utente.
Il comportamento predefinito di jParallax è mostrare l'intera larghezza di uno strato in risposta al mouse viaggiando tutta la larghezza della 'finestra' parallasse. Quando il mouse viene spostato a sinistra estrema della finestra parallaxed lato sinistro dello strato incontra, e quando il mouse viene spostato a destra estrema della finestra parallaxed lato destro lo strato arriva al lato destro della finestra.
jParallax può essere utilizzato nel suo modo più semplice per fare gli strati animano in diverse dimensioni e velocità utilizzando i CSS.
Bigger strati si muovono più velocemente e quindi appaiono più vicini, ea meno che uno strato è più piccolo della finestra, i suoi bordi non sono mai visti.
Con jParallax nel suo stato di default, e la 'velocità' degli strati controllati semplicemente facendo immagini diverse dimensioni
Cosa c'è di nuovo in questa versione:.
< p>- licenza aggiunto.
Cosa c'è di nuovo nella versione 1.0:
- Namespace cambiato .parallax ()
- Fissa e riposizionare
- Impostazione di finestre usando i CSS
- Impostazione di mouseports usando i CSS
- XTravel e ytravel rimossi
Opzioni
Cosa c'è di nuovo nella versione 0.9.1 BETA:.
- Corretto il bug quando si specifica di viaggio da%
- Viaggi px o rilevazione% ha più robusto Regex.
- Ottimizzazione del codice.
Requisiti :
- Javascript abilitato sul lato client
- jQuery 1.2.6 o superiore
I commenti non trovato