tranziții frumoase între pagini

tranziții frumoase între pagini

Un exemplu din lumea reală poate fi văzut aici:

Cum să utilizați? - tranzițiile de pagini frumoase

parte HTML

În primul rând trebuie să descărcați biblioteca jQuery (aici) și conectați stiluri jQuery.tiltedpage_scroll.js (aici), și apoi conectați:

Codul HTML este după cum urmează:

Clasa pentru elementul

Este opțională, dar poate fi ușor de stabilit în stilurile viitoare bloc corespunzătoare.

parte jQuery

Și pentru toate aceste unități frumoase prezente, aveți nevoie pentru a scrie o funcție mici:

Explicarea proprietăților care sunt utilizate în funcție:

  • sectionContainer - un bloc care conține întregul conținut al unei singure „pagina“. În mod implicit, acest element
    .
  • Unghiul - unghiul la care apar anterior și următoare „pagina“. În mod implicit, această valoare este de 50.
  • unitate de transparență la aspectul general - opacitate. Când apare o nouă „pagină“, își schimbă treptat transparența. Aveți posibilitatea să modificați această valoare la fals. Implicit este adevărat.
  • scară - cu apariția scalei. „Pagină“ în același timp, ca și în același timp, există, de asemenea, o schimbare în scară. Puteți dezactiva această caracteristică expus la false. Implicit este adevărat.
  • outAnimation - animație cu dispariția „pagini“. În mod implicit este activat, dar poate fi oprit punerea la false.

Acest plug-in, așa cum am spus la început, poate fi folosit pentru a crea galerii frumoase și creative pe site-ul. Dar, de asemenea, folosind posibilitatea de a emite știri de ieșire. Desigur, nu toate site-urile vor potrivi cu acest format.