30 Јан, 2009
Како да се направи леп Галерије користећи јКуери анимирати!
Постед би: Махбуб у: Остало
Радиш портфолио страницу са Фласх-ом на свом сајту је постао нека врста застарела. Ових дана са бржим машинама и новом генерацијом браузер може стварно кицк асс са неке Јавасцрипт и ЦСС. ЈКуери има веома уредан начин да се обрачуна са неким ефектима. Све анимације произилазе из основног метода се зове "анимација". Она анимира, твеенс својства ДОМ елемената. Да би дугу причу Укратко да погледамо ово.
Дакле, већ сте кликнули и видео право? У реду, ако се осврнемо на коду, то је прилично једноставно.
$ (Доцумент) реади (фунцтион (). { ховер_ин_еасинг вар = "еасеОутЕкпо"; ховер_оут_еасинг вар = "еасеОутБоунце"; . $ (". Инфо_цонтаинер") схов (); $ ("Див.портфолио_див"). Ховер (фунцтион () { . $ (Овај) наћи ("инфо_цонтаинер.") Анимирате ({горе: "0пк"}, {трајање: 400, ублажавању: ховер_ин_еасинг}).; }, Фунцтион () { . $ (Овај) наћи ("инфо_цонтаинер.") Анимирате ({горе: "100пк"}, {трајање: 500, ублажавању: ховер_оут_еасинг}).; }); / / 100 пк је величина маске });
Користи функцију анимирате да анимирате маску преко слике која је скривена од релативно позиционирање. А са ублажавању плугин, постижемо неки кул ефекат поскакивала када летите из слике. Можете ставити било какав ХТМЛ унутар инфо_цонтаинер ДИВ елемената све док она не иде даље од граница. Поглед на стила, а ви ћете га пронаћи врло граматицал. Можете да прилагодите величину изменом див часове.
Инспирација: хттп://дибусофт.цом/портфолио
Рецент Цомментс