Parallax - ນີ້ ... ຜົນກະທົບ Parallax: ຕົວຢ່າງ

The parallax motion ຫມາຍຄວາມວ່າການປ່ຽນແປງໃນສະຖານທີ່ຂອງວັດຖຸທີ່ກ່ຽວກັບຄວາມເປັນມາໃດເມື່ອທຽບກັບຜູ້ສັງເກດການ, ຜູ້ທີ່ແມ່ນກ່ຽວກັບຈຸດໄດ້. ໄລຍະທີ່ໄດ້ຮັບຄວາມນິຍົມໃນອິນເຕີເນັດ. ໂດຍສະເພາະ, ມັນເປັນທີ່ຫນ້າສົນໃຈທີ່ຈະຊອກຫາຢູ່ໃນສະຖານທີ່, ທີ່ມີຢູ່ໃນການອອກແບບຂອງອົງປະກອບແບບໄດນາມິກໄດ້. Parallax - ວິທີການອອກແບບຫນ້າໃນອິນເຕີເນັດທີ່ຖືກນໍາໃຊ້ໂດຍຜູ້ດູແລເວັບທີ່ຈະດຶງດູດຈໍານວນຂະຫນາດໃຫຍ່ຂອງຜູ້ມາຢ້ຽມຢາມໄດ້.

parallax ແມ່ນຫຍັງ

scrolling Parallax ສາມາດຖືກນໍາໃຊ້ຕັ້ງແລະໃນເສັ້ນຊື່ໄດ້. ໃນຖານະເປັນຕົວຢ່າງ, ການທີ່ເຫມາະສົມທີ່ສຸດ Nintendo. ຈໍານວນຫຼາຍຂອງພວກເຮົາກັບເກມຄອມພິວເຕີ nostalgia ເປັນຕົວແທນການເຄື່ອນໄຫວຂອງຕົວລະຄອນຫລັກຈາກຂ້າງຊ້າຍໄປທາງຂວາຂອງຫນ້າຈໍໄດ້. ມັນກໍເປັນໄປໄດ້ທີ່ຈະຍ້າຍລົງ, ປະຕິບັດໂດຍກົງ disposed ສາຍ. ຜົນກະທົບ Parallax ກ່ຽວກັບເຄືອຂ່າຍມັກຖືກນໍາໃຊ້. ທ່ານສາມາດນໍາໃຊ້ JavaScript ຫຼື CSS 3 ເພື່ອສ້າງແຖບເລື່ອນຕັ້ງ.

ສໍາລັບພວກເຂົາ, ພຽງແຕ່ແຕກຕ່າງອະທິບາຍຜົນກະທົບທາງກວ້າງຂອງພື້ນສາມມິຕິລະດັບ. ເພື່ອນ E- ຂອງເກມຊັ້ນພື້ນຖານຫຼາຍຖືກນໍາໃຊ້. ພວກເຂົາເຈົ້າມີຄວາມແຕກຕ່າງໃນໂຄງສ້າງ, ການເຄື່ອນໄຫວໄດ້ຖືກດໍາເນີນໃນອັດຕາທີ່ແຕກຕ່າງກັນ.

ບໍ່ຄິດວ່າ parallax - ນີ້ແມ່ນພຽງແຕ່ເປັນໄປໄດ້ທີ່ຈະສ້າງຜົນກະທົບ 3D. ຮູບສັນຍາລັກທີ່ມີຢູ່ແລ້ວສາມາດໄດ້ຮັບການຍ້າຍໃນຫນ້າເວັບ. ໂດຍສະເພາະ, ມັນເບິ່ງຄືວ່າດຶງດູດດີ. ໂດຍສະເພາະແມ່ນທາງເລືອກທີ່ດີທີ່ສຸດຄືການໃຊ້ trajectory ບຸກຄົນສໍາລັບແຕ່ລະຄົນຂອງເຂົາເຈົ້າ. ໃນກໍລະນີດັ່ງກ່າວນີ້, ມັນໃຊ້ຮູບສັນຍາລັກທີ່ແຕກຕ່າງກັນໄປຫາໂດຍຜ່ານເສັ້ນທາງທີ່ແຕກຕ່າງກັນ. ການອອກແບບນີ້ດຶງດູດຄວາມສົນໃຈ.

reviving ຮູບ

ມັນເປັນການຍາກທີ່ຈະຊອກຫາໃນເວັບໄຊໂດຍບໍ່ມີຮູບພາບຕ່າງໆທີ່ເປັນ. ຄຸນນະພາບໄດ້ແລະຕົວເລກທີ່ບົ່ງບອກເຖິງດຶງດູດນັກທ່ອງທ່ຽວ. ແຕ່ສ່ວນໃຫຍ່ສົນໃຈເຫດການຄັດທັງຫມົດຂອງຮູບພາບແບບເຄື່ອນໄຫວ. ແທ້ຈິງແລ້ວ, ຖ້າຫາກວ່າການເຄື່ອນໄຫວສັງເກດເຫັນ, ມັນດຶງດູດຄວາມສົນໃຈໃນເວລາຢ້ຽມຢາມເວັບໄຊດັ່ງກ່າວ. ຢ່າງຫຼວງຫຼາຍເພີ່ມຄວາມເປັນໄປໄດ້ທີ່ຈະສົ່ງຈໍານວນຜູ້ເຂົ້າຂອງຊັບພະຍາກອນທີ່ຈະຮູບພາບທີ່ເຄື່ອນໄຫວໄດ້. ແລະມັນເບິ່ງຄືວ່າທີ່ຈະຍ້າຍອອກຫຼືບໍ່? ດັ່ງນັ້ນ, ໃນຄໍາສັ່ງທີ່ຈະດຶງດູດຜູ້ມາຢ້ຽມຢາມເວັບໄຊດັ່ງກ່າວຄວນຈະໄດ້ຮັບການສຶກສາດັ່ງກ່າວສິ່ງທີ່ເປັນຜົນກະທົບ parallax ໄດ້.

ຕົວຢ່າງຂອງເວັບໄຊທີ່ມີການເຄື່ອນຍ້າຍຮູບພາບ:

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

ໃນຖານະເປັນສະແດງໃຫ້ເຫັນໃນຕົວຢ່າງ, ເບິ່ງບັນຫາແບບປັບປຸງຢູ່ລາຍການເມນູແບບເລື່ອນລົງໄດ້. ດັ່ງກ່າວເປັນອົງປະກອບບັນທຶກການມາຢ້ຽມຢາມທີ່ໃຊ້ເວລາເພື່ອດຶງດູດໃຫ້ເຂົາເຈົ້າ.

ຫ້ອງສະຫມຸດ jQuery

ໄລຍະ jQueryParallax ກໍານົດຫ້ອງສະຫມຸດ eponymous. ຂໍຂອບໃຈກັບມັນເປັນເລື່ອງງ່າຍທີ່ຈະບັນລຸຜົນກະທົບໃນການເຄື່ອນໄຫວ 3D ໄດ້. ໄລບາລີ jQuery ຂອງເບິ່ງບັນຫາແບບສາມມິຕິລະດັບແມ່ນສ້າງຕັ້ງຂື້ນໃນວິທີການຕ່າງໆ. ນຶ່ງໃນນັ້ນກໍ່ແມ່ນຢູ່ຕາມເສັ້ນນອນໃນຂະນະທີ່ການເຄື່ອນຍ້າຍເປັນມາວັດຖຸດ້ວຍຄວາມໄວທີ່ແຕກຕ່າງກັນ. ສໍາລັບຫໍສະຫມຸດນີ້ມີແນວໂນ້ມທີ່ຈະໄດ້ຈໍານວນຂະຫນາດໃຫຍ່ຂອງປະເພດທີ່ແຕກຕ່າງກັນຂອງຄຸນສົມບັດ. ແລະແທນທີ່ອະທິບາຍຢູ່ທີ່ນີ້ເປັນຕົວແທນມີພຽງແຕ່ສ່ວນຂະຫນາດນ້ອຍຂອງຄວາມສາມາດຂອງຕົນ.

ມັນເບິ່ງຄືວ່າເວັບໄຊທີ່ຫນ້າສົນໃຈທີ່ຂ້ອນຂ້າງ, ຊຶ່ງເປັນການສ້າງຄວາມຫລາກຫລາຍຂອງອົງປະກອບທີ່ທັນສະໄຫມໄດ້ຖືກນໍາໃຊ້. ນຶ່ງໃນນັ້ນກໍ່ - parallax ໄດ້. ຕົວຢ່າງຂອງສະຖານທີ່ອາດຈະເບິ່ງຄືແນວນີ້:

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

jParallax ນໍາສະເຫນີຊັ້ນ, ການເຄື່ອນຍ້າຍຫນູໄດ້ຖືກຍ້າຍ. ສໍາລັບລັກສະນະການເຄື່ອນໄຫວຂອງອົງປະກອບຕໍາແຫນ່ງຢ່າງແທ້ຈິງ (position: absolute;). ພວກເຂົາແຕ່ລະແມ່ນສະຂະຫນາດແລະການເຄື່ອນໄຫວຂອງຕົນກັບບຸກຄົນ. ນີ້ອາດຈະເປັນຂໍ້ຄວາມຫຼືຮູບພາບ (ເພື່ອນ E- ຊັບພະຍາກອນທາງເລືອກ).

ການເບິ່ງບັນຫາແບບຂອງຈໍານວນຜູ້ເຂົ້າເວັບໄຊທ໌

ຫຼັງຈາກນັ້ນ, ປະຊາຊົນປົກກະຕິແລ້ວຈ່າຍເອົາໃຈໃສ່ກັບຄວາມຈິງທີ່ວ່າຫນ້າໄດ້ຖືກ framed ມີຄຸນນະພາບສູງ, ສະດວກແລະສາມາດແຂ່ງຂັນ. ຄວາມເປັນຈິງນີ້ປົກກະຕິແລ້ວແມ່ນເລື່ອງຄວາມນັບຖື. ບາງຄັ້ງຢາກຮູ້ຢາກເຫັນປະສົບການຂອງອົງປະກອບອື່ນໆເກີດຂຶ້ນ. ໃນອິນເຕີເນັດມີຈໍານວນຂະຫນາດໃຫຍ່ຂອງສະຖານທີ່ທີ່. ວິທີເຮັດໃຫ້ຊີວິດຂອງທ່ານເປັນພິເສດ?

ຖ້າຫາກວ່າການອອກແບບທີ່ທ່ານຕ້ອງການ, ຫຼັງຈາກນັ້ນຈໍານວນຜູ້ເຂົ້າຈະຍັງຄົງສໍາລັບການໄລຍະເວລາຕໍ່ໄປອີກແລ້ວ. ດັ່ງນັ້ນ, ເພີ່ມທະວີຄວາມເປັນໄປໄດ້ວ່າມັນຈະດຶງດູດຂໍ້ມູນຂ່າວສານທີ່ອັບໂຫລດ, ເຂົາສະແດງໃຫ້ເຫັນຄວາມສົນໃຈ. ໃນທີ່ສຸດ, ປະຊາຊົນຈະໃຊ້ເວລາປະໂຫຍດຈາກການບໍລິການສະຫນອງໃຫ້, ຜະລິດຕະພັນຫຼືການສະເຫນີສົ່ງເສີມການຂາຍ.

ເກມອາຍຸມັກ

ແນວຄວາມຄິດຂອງ "parallax" ຄວນຈະຄຸ້ນເຄີຍກັບ fans ທັງຫມົດຂອງ 80-90 consoles. ນີ້ໃຊ້ໄດ້ກັບເກມ:

1. Mario Bros.
2. ອັດຕາການຕາຍ Kombat.
3. ຖະຫນົນຫົນທາງຂອງ Rage.
4. Moon Patrol.
5. ເຕົີເວລາ.

ຫມາຍຄວາມວ່າ, ການ parallax - ເຕັກນິກທີ່ໃຊ້ເວລາດົນນານພຽງພໍໄດ້. ເກມເຫຼົ່ານີ້ກໍ່ຈໍາເມື່ອຫວນຄິດເລື່ອງບາງ. ຫຼັງຈາກທີ່ທັງຫມົດ, ຖ້າຫາກວ່າພວກເຂົາເຈົ້າແມ່ນ imbued ມີລັກສະນະຂອງໄລຍະເວລາດັ່ງກ່າວ.

ຮູບພາບໃນຫນ້າຈໍໄດ້ຖືກສ້າງຕັ້ງຂື້ນໂດຍນໍາໃຊ້ເຕັກນິກການເຊັ່ນ: ເລື່ອນ parallax. ມີບໍ່ມີຫຍັງປະຫລາດໃຈໃນຄວາມຈິງທີ່ວ່າວິທີການນີ້ໄດ້ຮັບຄວາມນິຍົມດີສົມຄວນເປັນ. ແນວຄວາມຄິດການອອກແບບນີ້ແມ່ນອົບອຸ່ນພຽງພໍຮັບຮູ້ເຂົ້າໃຈໂດຍຜູ້ທີ່ມີຄົນຫຼິ້ນຢູ່ໃນ 80-90 ປີແລະ watched ຫມູ່ເພື່ອນ leisure.

Parallax ເລື່ອນ

ຕະຫຼາດຂອງຍີ່ຫໍ້ຊັ້ນນໍາໄດ້ຖືກນໍາໃຊ້ຍາວຄັດທັງຫມົດຂອງຄວາມກ້າວຫນ້າຂອງເຕັກໂນໂລຊີ. ດັ່ງນັ້ນຈຶ່ງເປັນໄປໄດ້ທີ່ຈະມີຄວາມສົນໃຈເຖິງແມ່ນວ່າເວັບໄຊຈໍານວນຜູ້ເຂົ້າບາດເຈັບແລະ.

scrolling Parallax ຮັບໃຊ້ທີ່ຂ້ອນຂ້າງສົບຜົນສໍາເລັດໃນ Nike ຂອງ. ການພັດທະນາຂອງເວັບໄຊຕົ້ນສະບັບຂອງບໍລິສັດໄດ້ມີສ່ວນຮ່ວມອອກແບບ Weiden ແລະ Kennedy. ຢ່າງໃດກໍຕາມ, ການອອກແບບນີ້ບໍ່ໄດ້ເກັບຮັກສາໄວ້. ແຫຼ່ງຂໍ້ມູນການປັບປຸງເທື່ອລະກ້າວຕາມແນວໂນ້ມທັນສະໄຫມ. Activatedrinks.com - ຕົວຢ່າງຂອງເວັບໄຊທີ່ມີການອອກແບບເປັນເຕືອນຄວາມຊົງຈໍາຂອງການອອກແບບການນໍາໃຊ້ໂດຍການຕະຫຼາດ Nike ໄລຍະເວລາທີ່ລະບຸໄວ້.

ລໍາໂພງບໍ່ຄວນຈະເປັນຫຼາຍ

ຢ່າລືມວ່າການອອກແບບຂອງເວັບໄຊດັ່ງກ່າວມັກເປັນເກນທີ່ສໍາຄັນທີ່ນໍາພາຈໍານວນຜູ້ເຂົ້າໄດ້. ເຮັດບໍ່ດີພໍຊີວິດປົກກະຕິແລ້ວອອກຈາກຜູ້ໃຊ້ປະທັບໃຈຂອງ carelessness ຂອງເຈົ້າຂອງບໍລິສັດດັ່ງກ່າວ. ແລະໃນທີ່ນີ້ແມ່ນເວັບໄຊທີ່ມີຄັດທັງຫມົດຂອງອົງປະກອບການອອກແບບທີ່ຫນ້າສົນໃຈແນະນໍາຄວາມພະຍາຍາມເພື່ອເຈົ້າຂອງອົງການຈັດຕັ້ງຜູ້ມາຢ້ຽມຢາມມີຄວາມສົນໃຈໄດ້.

ມັນເປັນມູນຄ່ານຶງ parallax ໄດ້. ມັນເປັນເຄື່ອງມືທີ່ປະເສີດ. ແຕ່ເຖິງແມ່ນວ່າພວກເຂົາເຈົ້າບໍ່ຈໍາເປັນຕ້ອງຫຼາຍເພື່ອໃຫ້ໄດ້ຮັບການມີສ່ວນຮ່ວມ. ເນື່ອງຈາກວ່າຫນ້າທີ່ມີຈໍານວນຂະຫນາດໃຫຍ່ຂອງປະເພດທີ່ແຕກຕ່າງກັນຂອງອົງປະກອບໂທລະສັບມືຖື, ຄ່ອນຂ້າງຊັບຊ້ອນທີ່ຈະເຂົ້າໃຈ. ມັນເປັນທີ່ດີທີ່ສຸດເພື່ອເຮັດໃຫ້ການເກັບກູ້ທີ່ດີທີ່ສຸດຂອງ stylish ແລະ intuitive ໄດ້.

ແບບເຄື່ອນໄຫວຈະຕ້ອງອົງປະກອບທີ່ແຍກຕ່າງຫາກທີ່ຕ້ອງຫ່າງໄກສອກຫລີກ. ນອກຈາກນີ້ມັນອາດຈະແຕ້ມໃນປະຈຸບັນ, ຊຶ່ງຖືກສ້າງຂື້ນໂດຍການນໍາໃຊ້ການເຄື່ອນຍ້າຍຫນຶ່ງເມື່ອທຽບກັບຊັ້ນອື່ນໆ. ຢ່າລືມວ່າເວັບໄຊຜູ້ໃຊ້ແມ່ນຕົ້ນຕໍສໍາລັບນັກທ່ອງທ່ຽວ. ມັນບໍ່ຄວນຈະເປັນ masterpiece web master, ເຮັດໃຫ້ຄວາມຮູ້ທັງຫມົດຂອງພຣະອົງ. ຫຼັງຈາກທີ່ທັງຫມົດ, ວິທີການດັ່ງກ່າວເປັນພຽງແຕ່ຈະ complicate ເບິ່ງບັນຫາແບບ.

ວິທີການສ້າງການເຄື່ອນໄຫວອອນໄລນ໌

ວິທີເຮັດໃຫ້ parallax ບໍ? ບັນຫານີ້ແມ່ນມີຄວາມສົນໃຈຫຼາຍໃນການເພື່ອນ E- ເວັບໄຊທ໌ຈໍານວນຫຼາຍ. ບໍ່ຈໍາເປັນຕ້ອງຮູ້ intricacies ຂອງລາຍລັກອັກສອນ tags ໄດ້. ມັນເປັນຫຼາຍດວກຕໍ່ກັບການນໍາໃຊ້ຊັບພະຍາກອນພິເສດໃນອິນເຕີເນັດ. ຂອງຈໍານວນຂະຫນາດໃຫຍ່ຂອງຂໍ້ສະເຫນີທີ່ມີຢູ່ແລ້ວແມ່ນບໍລິສັດຮ່ວມດັ່ງຕໍ່ໄປນີ້:

1. Plax - ໂຄງການ, ເຊິ່ງແມ່ນງ່າຍທີ່ຈະນໍາໃຊ້ງ່າຍດາຍ. ນາງມີແນວໂນ້ມທີ່ໃຫ້ການເຄື່ອນໄຫວຂອງຫນ້າເວັບໂດຍການເຄື່ອນຍ້າຍຫນູໄດ້.
2. jQuery Parallax Image Slider - plugin jQuery ໃຊ້ໃນການສ້າງ sliders ພາບ.
3. Jquery Parallax Image - ທີ່ເຫມາະສົມສໍາລັບການອອກແບບຂອງຮູບພາບຕ່າງໆທີ່ໂປ່ງໃສ. ຂໍຂອບໃຈກັບການນໍາໃຊ້ຂອງຕົນຂອງ PNG, ຄວາມເລິກໄດ້ມາ GIF, ການເຄື່ອນໄຫວດໍາລົງຊີວິດ.
4. Curtain.js ໃຊ້ໃນການສ້າງຫນ້າເວັບ, ເຄື່ອງພ້ອມດ້ວຍຄະນະກໍາມະການແກ້ໄຂ. ໃນກໍລະນີດັ່ງກ່າວນີ້, ມີຜົນກະທົບຂອງການເປີດ curtains ໄດ້.
5. ການເລື່ອນພາບ Parallax: A jQuery Plugin ແມ່ນເພື່ອສ້າງຜົນກະທົບ parallax ໃນເວລາທີ່ທ່ານເລື່ອນລໍ້ຫນູໄດ້.

plugins ທີ່ເປັນປະໂຫຍດພຽງແຕ່ສອງສາມ

ດັ່ງທີ່ໄດ້ຮູ້ຈັກ, ທີ່ມີຄຸນຄ່າຫຼາຍທີ່ສຸດແມ່ນຂໍ້ມູນຂ່າວສານ. ແລະຈໍານວນຂອງວິທີການເພື່ອບັນລຸຄວາມຕ້ອງຮູ້ຈັກ, ໄດ້ໃກ້ຊິດເປັນໄປໄດ້ຂອງການໄດ້ຮັບຜົນທີ່ຖືກຕ້ອງໄດ້. ທີ່ເປັນປະໂຫຍດໃຊ້ໃນການສ້າງນະໂຍບາຍດ້ານຂອງສຽບ INS:

1. jQuery ເລື່ອນເສັ້ນທາງ - ຖືກນໍາໃຊ້ເພື່ອຈັດວາງວັດຖຸໄປຕາມເສັ້ນທາງທີ່ກໍານົດໄວ້.
2. Scrollorama - jQuery, plugin. ມັນຖືກນໍາໃຊ້ເປັນເຄື່ອງມືສໍາລັບວັດສະດຸການນໍາສະເຫນີທີ່ຫນ້າສົນໃຈ. ມັນອະນຸຍາດໃຫ້ເລື່ອນງ່າຍເນື່ອງຈາກ "ຟື້ນ" ຂໍ້ຄວາມທີ່ມີຢູ່ໃນຫນ້າເວັບ.
3. Scrolldeck - jQuery, plugin. ມັນເປັນການແກ້ໄຂທີ່ຍິ່ງໃຫຍ່ສໍາລັບການນໍາໃຊ້ເປັນການນໍາສະເຫນີສໍາລັບເວັບໄຊດັ່ງກ່າວ, ການອອກແບບເປັນຫນ້າດຽວ.
4. jParallax ແມ່ນການເຄື່ອນຍ້າຍຊັ້ນຂຶ້ນຢູ່ກັບການເຄື່ອນໄຫວຂອງ pointer ຫນູໄດ້.
5. Stellar.js - plug ໂດຍທີ່ແຕ່ລະອົງປະກອບແມ່ນມີນອກຈາກນັ້ນການເລື່ອນຜົນກະທົບ parallax ໄດ້.

Parallax ກັບອ້າງອິງກັບຕົວກະພິບ

Suffice ມັນປະສິດທິພາບຄ້າຍ parallax ໄດ້. ຍັງຢູ່ຫນ້າທໍາອິດຂອງວັດຖຸເວັບໄຊໄດ້ຍ້າຍຢູ່ໃນວິທີການຂອງ pointer ຫນູໄດ້. ມັນມາກັບຊີວິດແລະຕໍ່ໄປນີ້ອົງປະກອບສາມາດເຄື່ອນຍ້າຍ.

ຢຸດທໍາອິດຄວນຈະຮູບ. ຮູບພາບທີ່ຕ້ອງການແມ່ນຖືກຈັດໃສ່ໃນກອບການ, ແຄມຂອງທີ່ທ່ານຕ້ອງການເພື່ອຊ່ອນ. ວິທີການແມ່ນງ່າຍດາຍຫຼາຍ, ແລະຮູບແບບໄດ້ດັ່ງນັ້ນຈຶ່ງເບິ່ງຄືວ່າດຶງດູດດີ.

ຜົນກະທົບ Parallax ສໍາລັບເວັບໄຊການ - ມັນເປັນວິທີທີ່ປະເສີດທີ່ຈະອອກແບບ. ການນໍາໃຊ້ຂອງຕົນຊີ້ໃຫ້ເຫັນວ່າການສ້າງຊັບພະຍາກອນໄດ້ຖືກໃຫ້ຄວາມສົນໃຈເນື່ອງຈາກ. ເພາະສະນັ້ນມັນເປັນສິ່ງຈໍາເປັນທີ່ຈະຈ່າຍເອົາໃຈໃສ່ກັບການບໍລິການທີ່ສະຫນອງໃຫ້ຫຼືຂໍ້ມູນທີ່ຈະໄດ້ຮັບການອ່ານ. ສະຖານທີ່ເຫຼົ່ານີ້ເບິ່ງໄດ້ປຽບຫຼາຍຕໍ່ກັບຄວາມເປັນມາຂອງຄືກັນແຕ່ການຕົກແຕ່ງພຽງແຕ່ຊັບພະຍາກອນ.