Jsir paġna portafoll ma 'Flash fuq il-websajt tiegħek sar it-tip ta skaduti. Dawn il-ġranet mal-magni Faster u browser ġenerazzjoni ġdida tista 'verament kick xi ħmar ma Javascript u CSS. JQuery tkun mod ħafna pulita biex jittrattaw ma 'xi effetti. Il-animazzjonijiet jirriżultaw mill-metodu bażi imsejħa "janimaw". Hija animates, tweens-proprjetajiet ta 'elementi DOM. Biex tagħmel l-istorja twila fil-qosor tagħti ħarsa lejn dan.
Allura, inti diġà għafast u raw id-dritt? Ok, jekk inti tħares lejn il-kodiċi, huwa pjuttost sempliċi.
$ (Dokument). Lesta (funzjoni () { var hover_in_easing = "easeOutExpo"; var hover_out_easing = "easeOutBounce"; . $ (". Info_container") juru (); $ ("Div.portfolio_div"). Imbagħad jerġgħu (funzjoni () { . $ (Dan) isibu ("info_container.") Janimaw ({top: "0px"}, {tul: 400, tħaffif: hover_in_easing}).; }, Il-funzjoni () { . $ (Dan) isibu ("info_container.") Janimaw ({top: "100px"}, {tul: 500, tħaffif: hover_out_easing}).; }); / / Il-px 100 huwa d-daqs ta 'l-maskra });
Hija tuża l-funzjoni janimaw li janimaw il-maskra fuq l-immaġni li jinżammu moħbija permezz tat-tqegħid relattivament. U ma tħaffif plugin, li niksbu xi effett jibred ta 'bouncing meta inti imbagħad jerġgħu barra mill-immaġini. Inti tista 'tpoġġi kwalunkwe html ġewwa l-elementi DIV info_container sakemm dan ma jmurx lil hinn mill-fruntieri. Ħares lejn il-stylesheet u tkun taf jsibuha ħafna gramatical. Tista customize-daqsijiet billi timmodifika d-klassijiet div.
Inspiration: http://dibusoft.com/portfolio
Kummenti riċenti