Parallax - Энэ ... Parallax үр нөлөө: жишээ

хөдөлгөөн Parallax ажиглагч, газар дээр нь ямар нэгэн суурь харьцангуй дээр объектын байршлын өөрчлөлт гэсэн үг юм. цаг Интернэтэд түгээмэл болсон. Тухайлбал, талбай, динамик элементийн дизайн нь байгаа харах нь сонирхолтой юм. Parallax - жуулчдын тооны татахын тулд webmasters ашигладаг Интернэтэд хуудас боловсруулах арга зам.

Parallax гэж юу вэ

Parallax Гүйлгэх босоо болон шулуун шугамаар ашиглаж болно. Жишээ нь, хамгийн тохиромжтой Nintendo байна. дурсахуйгаар компьютер тоглоом нь бидний ихэнх нь дэлгэцний баруун зүүн талаас гол тэмдэгтийн хөдөлгөөнийг төлөөлөн оролцсон. Энэ нь, доош шилжих нь босоо хаях шулуун тээврээр бас боломжтой байдаг. сүлжээн дээр Parallax үр нөлөө нь ихэвчлэн ашигладаг. Та босоо гулгагчаа үүсгэхийн тулд JavaScript эсвэл CSS 3 ашиглаж болно.

Тэдний хувьд, зүгээр л хачин гурван хэмжээст орон зайн нөлөөллийг тодорхойлсон байна. тоглоом олон суурь давхаргын бүтээгчид ашигласан. Тэд хөдөлгөөн нь өөр өөр ханшаар явуулж байна, бүтэц нь ялгаатай байдаг.

Энэ нь 3D нөлөө үүсгэж болох л юм - Parallax гэж бүү бод. Одоо байгаа дүрс хуудсан дээр шилжиж болно. Ялангуяа, энэ нь маш сонирхол татахуйц харагдаж байна. Ялангуяа хамгийн сайн сонголт тэдэнд тус бүрт нь хувь хүний дүр зургийг ашиглах явдал юм. Энэ тохиолдолд, энэ нь өөр өөр замыг авч явахад өөр цонхнууд ашигладаг. Энэ загвар нь анхаарал татаж байна.

зураг сэргээдэг

Энэ зураг ямар ч сайтад олоход хэцүү байдаг. Чанарын хийсэн бөгөөд харуулсан тоо жуулчдыг татах. Гэвч хамгийн анхаарал шалтгаан нь динамик дүрсийг бүх төрлийн. Үнэн хэрэгтээ, ажигласан бол хөдөлгөөн, энэ нь анхаарал сайтад зочлох үед татаж байна. Чухал ач холбогдол бүхий динамик зургийг нөөцийн зочин эргэж магадлалыг нэмэгдүүлдэг. Мөн энэ нь хөдөлж, үгүй бололтой? Иймээс сайтад жуулчдыг татахын тулд Parallax үр нөлөө гэх мэт зүйлийг судлах хэрэгтэй.

зургийг хөдөлж бүхий вэб сайтуудын жишээ:

• hvorostovsky.com;
• www.kagisointeractive.com.

Жишээн дээр үзүүлсэн шиг, ойлголт pulldown цэс зүйл дээр сайжруулдаг. Ийм элемент цаг зочдыг тэдэнд маш сонирхолтой авардаг.

jQuery номын сан

Хугацаа jQueryParallax түгсэн номын сан тодорхойлно. Хэрэв ачаар 3D хөдөлгөөнд үр дүнд хүрэхийн тулд хялбар байдаг. гурван хэмжээст ойлголт jQuery номын сан янз бүрийн арга замаар бий болгосон байна. суурь хөдөлж өөр өөр хурдаар обьектуудын байхад тэдний нэг нь хэвтээ юм. Энэ номын сан нь шинж чанар нь өөр өөр төрлийн олон тооны хандлагатай байдаг. Энд тайлбарласан шилжилт өөрийн боломжуудыг зөвхөн бага хэсгийг илэрхийлнэ.

Энэ нь маш сонирхол татахуйц сайтыг орчин үеийн элемент нь олон янзын ашиглаж байсан үүсгэх явдал юм харагдаж байна. Тэдний нэг нь - Parallax. сайтуудад жишээ нь иймэрхүү харагдах болно:

• www.grabandgo.pt;
• www.fishy.com.br;
• www.noleath.com;
• buysellwebsite.com.

jParallax хулгана нүүсэн байна хөдөлж, давхрага танилцуулсан. үнэмлэхүй байр суурь элемент (: үнэмлэхүй албан тушаал;) нь динамик шинж нь. Тэдний тус бүр бие даасан хувь нь өөрийн хэмжээ болон хөдөлгөөний байгаа нь онцлог юм. Энэ нь текст буюу зураг (заавал нөөцийн Зохиогчид А-Я) байж болно.

вэб хуудас зочин-ын ойлголт

Үүний дараа хүмүүс ихэвчлэн хуудас тохиромжтой, өндөр чанартай рамтай болон чадварлаг байдаг гэдгийг анхаарах. Энэ баримт нь ихэвчлэн хүндэтгэх асуудал юм. Заримдаа сониуч зан нь бусад элементүүд үүсч мэдрэх. Интернэт дэх ижил сайтууд асар их тоо байна. Хэрхэн таны амьдрал тусгай хийх вэ?

дизайн та дуртай бол, дараа нь зочин удаан хугацаанд хэвээр байх болно. Тиймээс энэ Байршуулсан мэдээлэл татаж болно гэсэн магадлал нэмэгдэж, тэр сонирхолтой байгааг харуулж байна. Эцэст нь хэлэхэд, ард түмэн санал болгосон үйлчилгээ, бүтээгдэхүүн, сурталчилгааны саналын давуу талыг ашиглах болно.

Дуртай хуучин тоглоом

"Parallax" -ийн үзэл баримтлал нь консол 80-90s бүх фэнүүддээ танил байх ёстой. Энэ тоглолтонд хамаарна:

1. Mario Bros.
2. Мөнх бус Kombat.
3. Уур хилэн гудамж.
4. Moon эргүүл.
5. Time-д Turtles.

нь хангалттай урт хугацааг ашигладаг арга - Энэ бол Parallax юм. Эдгээр тоглоом нь үнэхээр зарим нь эргэн дурсах нь санаж байна. Эцсийн эцэст тэд хугацааны тэмдэгтээр imbued байгаа бол.

Дэлгэцэн дээр Images зэрэг Parallax урсаж зэрэг арга техникийг ашиглан бүтээсэн байна. Энэ арга нь сайн амсах ёстой түгээмэл болсон байна гэж үнэндээ гайхах зүйл байхгүй юм. Энэ загвар нь ойлголт 80-90 жилийн дотор тоглож, чөлөөт найзууд үзсэн хүмүүс хангалттай мэдрэгдэх дулаан байна.

Parallax гүйлгэж харах

тэргүүлэх брэндүүдийн Зах урт технологийн дэвшил чинь бүх л төрлийн хэрэглэж байна. Тиймээс ч энгийн зочин сайтыг сонирхож болох юм.

Parallax Гүйлгэх маш амжилттай Nike-ийн ашиглаж байна. компанийн анхны сайтын хөгжлийн дизайнерууд Weiden болон Кеннеди эрхэлдэг. Гэсэн хэдий ч энэ загвар хадгалагдаж байна. Эх сурвалж аажмаар орчин үеийн чиг хандлагын дагуу шинэчиллээ. Activatedrinks.com - зах зээлийг ашиглаж дизайн чимэглэлийн санагдуулам байна Nike хугацааг заасан сайтын жишээ.

Илтгэгчид их байх ёстой

сайтын дизайн ихэвчлэн зочин удирдан чиглүүлдэг гол шалгуур юм гэдгийг мартаж болохгүй. Муу хийсэн амьдрал ихэвчлэн хэрэглэгч компанийн эзэмшигчийн болгоомжгүй сэтгэгдэл үлдээдэг. Энд сонирхол татахуйц дизайн элементийн бүх төрлийн бүхий сайт эзэд байгууллага сонирхогч жуулчдад хүчин чармайлт санал юм.

Энэ нь Parallax санаж байх нь зүйтэй юм. Энэ бол гайхамшигтай арга хэрэгсэл юм. Харин ч тэд оролцох их хэрэггүй. Учир нь хуудасны гар элемент нь өөр өөр төрлийн олон тооны байдаг, ойлгох нь маш төвөгтэй байдаг. Энэ нь загварлаг, зөн совингийн хамгийн шилдэг нь зөвшөөрөл гаргах нь хамгийн сайн арга юм.

Динамик тусгаарлах шаардлагатай тусдаа элементүүд нь байх ёстой. Мөн энэхүү зураг нь бусад давхаргад нэг харьцуулахад хөдөлж ашиглан бүтээсэн юм байж болох юм. Хэрэглэгчийн сайт үзэгчид голчлон хийж байна гэдгийг мартаж болохгүй. Энэ нь вэб мастер бүтээл байх ёсгүй, түүний бүх мэдлэг тавьсан. Эцсийн эцэст, ийм хандлага нь зөвхөн ойлголт төвөгтэй болно.

Хэрхэн онлайн хөдөлгөөнийг бий болгох

нь Parallax хэрхэн хийх вэ? Энэ асуудал олон вэб сайт бүтээгчдийн маш их сонирхож байна. Бус, бичих хаягууд тавьснаараа мэдэх хэрэгтэй. Энэ нь интернэт дээр тусгай нөөцийг ашиглах нь маш тохиромжтой байдаг. одоо байгаа саналын тооны дараах хараат байна:

1. Plax - програм ашиглах нь харьцангуй хялбар байдаг. Тэрээр хулгана хөдөлж өөр хуудасны хөдөлгөөнийг өгөх хандлагатай байдаг.
2. jQuery Parallax Зургийн байрлах гулсах - jQuery залгаас зураг гулгагч үүсгэхэд ашиглагддаг.
3. Jquery Зургийн Parallax - ил тод, зураг чимэглэлийн тохиромжтой. PNG, GIF олж авах нь гүн гүнзгий, амьд хөдөлгөөний түүнийг ашиглахад баярлалаа.
4. Curtain.js тогтмол самбар бүхий хуудсыг үүсгэх байсан. Энэ тохиолдолд, хөшиг нээх нөлөө байдаг.
5. Parallax урсаж: А jQuery Plugin та хулгана дугуйг гүйлгэж үед Parallax үр нөлөө бий болгох явдал юм.

Хэдхэн ашигтай плагинуудаас

мэдэгдэж байгаа тул хамгийн үнэ цэнэтэй мэдээлэл юм. Бас их зөв үр дүнг олж авах танигдсан хүссэн, ойр магадлалыг хүрэх арга замуудын тоо. динамик үүсгэхэд ашиглагддаг ашигтай, цахилгаан розетк:

1. jQuery Scroll зам - заасан зам дээр объект байрлуулахад хэрэглэгдэж.
2. Scrollorama - jQuery-залгаас. Энэ нь сонирхол татахуйц танилцуулах материалын арга хэрэгсэл болгон ашиглаж байна. Энэ улмаас хуудсанд текст "сэргээх" хялбар урсаж олгодог.
3. Scrolldeck - jQuery-залгаас. Энэ нь нэг хуудас болгон зохион сайтын хувьд танилцуулах байдлаар ашиглах нь их шийдэл юм.
4. jParallax хулганы заагч хөдөлгөөнд хамааруулан давхрага шилжиж байна.
5. Stellar.js - залгахад нь өөр элемент тус бүр Parallax үр нөлөө нь урсаж нэмж хийсэн байна.

заагчийн лавлагаа нь Parallax

Энэ нь үр дүнтэй нь Parallax харагддаг хангалттай. Гэсэн хэдий ч сайт объектын эхний хуудсан дээр нь арга барил дээр нүүж байна Хулганы заагч. Энэ нь амьдралд ирдэг, хөдлөх элементийг дараах.

Эхний цэгийн тоо байх ёстой. хүссэн дүрс нуухыг хүсэж байна ирмэгийг нь, хүрээ байрлуулна. арга нь маш энгийн байдаг, улмаар олж авсан хэв маяг нь маш сонирхолтой харагдаж байна.

нь сайтын Parallax үр нөлөө - энэ нь боловсруулах нь гайхалтай арга юм. Түүний хэрэглээ нь нөөц бий болгох тул анхаарал татаж байна гэдгийг харуулж байна. Тиймээс энэ нь санал болгож буй үйлчилгээ, мэдээллийг анхаарлаа хандуулах нь уншиж байх шаардлагатай. Эдгээр сайтууд нь ижил, харин зүгээр л чимэглэсэн нөөцийн дэвсгэр эсрэг илүү давуу талтай харагддаг.