Красиви преходи между страниците

Красиви преходи между страниците

Истински пример за света може да се види тук:

Как да се използва? - красиви преходи страница

HTML част

Първо трябва да изтеглите JQuery библиотеката (тук) и включете jQuery.tiltedpage_scroll.js стилове (тук), а след това се свържете:

HTML кодът е както следва:

Клас за елемента

Тя не е задължителна, но тя може лесно да се зададе в бъдещите стилове, съответстващи блок.

JQuery част

И за всички тези красиви единици момента, трябва да се напише една малка функция:

Пояснение на свойствата, които се използват във функцията:

  • sectionContainer - блок, който съдържа цялото съдържание на един-единствен "страница". По подразбиране този елемент
    .
  • ъгъл - ъгълът, под който се появи предходната и следващата "страница". По подразбиране тази стойност е 50.
  • непрозрачност - прозрачност единица за цялостния облик. Когато се появи нова "страница", постепенно се променя нейната прозрачност. Можете да промените тази стойност, за да лъжа. По подразбиране е вярно.
  • мащаб - с появата на скалата. "Страница" в същото време като в същото време има и промяна в мащаб. Можете да изключите тази функция, изложени на неверни. По подразбиране е вярно.
  • outAnimation - анимация с изчезването на "страници". По подразбиране това е разрешено, но тя може да бъде изключен поставяне на фалшива.

Този плъг-ин, както казах в началото, може да се използва за създаване на красиви и креативни галерии на сайта. Но също така и с помощта на възможно публикуването новини изход. Разбира се, не всички сайтове ще отговарят на този формат.