Parallax - यो ... parallax प्रभाव: उदाहरणहरू

को गति parallax स्पट छ जो अवलोकनकर्ताले, कुनै पनि पृष्ठभूमि नातेदार मा वस्तु को स्थान मा परिवर्तन हो। शब्द इन्टरनेटमा लोकप्रियता प्राप्त गरियो। विशेष, यो गतिशील तत्व को डिजाइन मा मौजूद जो साइटहरू, हेर्न रोचक छ। Parallax - पर्यटकहरू एक ठूलो संख्या आकर्षित गर्न वेबमास्टरों द्वारा प्रयोग गरिन्छ कि इन्टरनेटमा पृष्ठ डिजाइन गर्न बाटो।

को parallax के हो

Parallax स्क्रोलिङ ठाडो र एक सीधा लाइन मा प्रयोग गर्न सकिन्छ। एउटा उदाहरण, सबै भन्दा उपयुक्त निन्टेन्डो रूपमा। नोस्टाल्जिया कम्प्युटर गेम हामीलाई धेरै स्क्रिनको दायाँ बायाँ तर्फ बाट मुख्य वर्ण को आन्दोलन प्रतिनिधित्व। यो एक ठाडो disposed सीधा द्वारा लगे, तल सार्न सम्भव पनि छ। नेटवर्कमा parallax प्रभाव अक्सर प्रयोग गरिन्छ। तपाईं ठाडो स्लाइडर सिर्जना गर्न जाभास्क्रिप्ट वा CSS 3 प्रयोग गर्न सक्नुहुन्छ।

तिनीहरूलाई लागि, बस peculiar तीन-आयामी स्थानिक प्रभाव वर्णन गरे। खेल धेरै पृष्ठभूमि तहहरू को निर्माताहरू प्रयोग गरिन्छ। तिनीहरूले आन्दोलन फरक दरमा बाहिर छ, बनावट भिन्न।

यो मात्र सम्भव छ एक 3D प्रभाव सिर्जना गर्न - parallax ठान्छन् छैन। अवस्थित प्रतीक पृष्ठमा सार्न सकिँदैन। विशेष गरी, यो एकदम आकर्षक देखिन्छ। विशेष गरी सबै भन्दा राम्रो विकल्प तिनीहरूलाई प्रत्येक लागि एक व्यक्ति trajectory प्रयोग छ। यस मामला मा, यो फरक मार्गबाट मार्फत नेभिगेट गर्न विभिन्न प्रतीक प्रयोग गर्दछ। यो डिजाइन ध्यान आकर्षित गर्छ।

तस्विर reviving

यो तस्बिरहरू बिना एक साइट फेला पार्न गाह्रो छ। गुणात्मक गरे र संकेत तथ्याङ्कले आगंतुकों आकर्षित। तर सबैभन्दा ध्यान कारण गतिशील छविको सबै किसिमका। साँच्चै, आन्दोलन पालन भने, यो ध्यान साइट भ्रमण गर्दा आकर्षित गर्छ। एकदम एक गतिशील छवि गर्न स्रोत को आगन्तुक फिर्ता को likelihood बढ्छ। र यो सार्न वा देखिन्थे? त्यसैले, साइट आगन्तुकहरूलाई आकर्षित गर्न मा parallax प्रभाव रूपमा यस्तो कुरा अध्ययन गर्नुपर्छ।

तस्बिरहरू सार्दा वेबसाईटहरू को उदाहरण:

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

उदाहरण देखाइएको रूप मा, धारणा पनि pulldown मेनु वस्तु मा सुधार। यस्तो तत्व समय आगंतुकों तिनीहरूलाई त आकर्षक बचाउँछ।

jQuery पुस्तकालय

अवधि jQueryParallax को eponymous पुस्तकालय निर्धारण। यसलाई धन्यवाद 3D आन्दोलन मा प्रभाव हासिल गर्न सजिलो छ। तीन-आयामी धारणा को jQuery पुस्तकालय विभिन्न तरिकामा बनाएको छ। जबकि पृष्ठभूमि सार्दा अलग गति मा ओब्जेक्ट तिनीहरूलाई को एक तेर्सो छ। यस पुस्तकालयमा लागि गुण को विभिन्न प्रकार को ठूलो संख्या गर्छन। र यहाँ वर्णन विस्थापन यसको क्षमताहरु को केवल एक सानो भाग प्रतिनिधित्व गर्दछ।

यसलाई आधुनिक तत्व को एक किसिम प्रयोग गरिएका छन् सिर्जना गर्न छ जो एकदम आकर्षक साइट, देखिन्छ। तिनीहरूलाई को - को parallax। साइटहरु उदाहरण यो जस्तो हुन सक्छ:

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

jParallax माउस उत्प्रेरित छ सार्दा, पत्रहरू प्रस्तुत। निरपेक्ष स्थिति तत्व (: निरपेक्ष स्थिति;) को गतिशील विशेषता लागि। तिनीहरूलाई प्रत्येक व्यक्तिको दर यसको आकार र आन्दोलन द्वारा विशेषता छ। यो एउटा पाठ वा छवि (वैकल्पिक स्रोत निर्माताहरू) हुन सक्छ।

वेबसाइट आगन्तुक को धारणा

कि पछि, मान्छे सामान्यतया पृष्ठ उच्च गुणवत्ता सुविधाजनक फ्रेम छ, र competently तथ्यलाई ध्यान। यो वास्तवमा सामान्यतया आदर को एक कुरा हो। कहिलेकाहीं अन्य तत्व उत्पन्न अनुभव गर्न जिज्ञासा। इन्टरनेटमा समान साइटहरु को एक विशाल संख्या छ। कसरी आफ्नो जीवन विशेष बनाउने?

यदि डिजाइन तपाईंलाई रुचि, त्यसपछि आगन्तुक लामो अवधिको लागि रहनेछ। यसरी, यो आकर्षित हुनेछ अपलोड जानकारी likelihood वृद्धि, त्यो चासो देखाउँछ। अन्त मा, मान्छे प्रस्तावित सेवाहरू, उत्पादन वा प्रचार प्रस्ताव फाइदा हुनेछ।

मनपर्ने पुरानो खेल

"Parallax" को अवधारणा पनि कन्सोल 80-90s सबै प्रशंसक गर्न परिचित हुनुपर्छ। यो खेल लागू:

1. मारियो Bros.
2. नश्वर Kombat।
3. Rage को सडकमा।
4. चंद्रमा Patrol।
5. समय मा कछुवा।

एक पर्याप्त लामो अवधि प्रयोग गर्ने तरिका - कि, parallax छ। यी खेल साँच्चै केही सम्झनाहरु संग सम्झन छन्। सबै पछि, यदि तिनीहरूले अवधिको वर्ण imbued छन्।

स्क्रिनमा तस्बिरहरू यस्तो parallax स्क्रोलिङ रूपमा प्रविधी प्रयोग गरेर बनाईएको हो। यो विधि राम्ररी योग्य लोकप्रियता प्राप्त गरेको छ भन्ने तथ्यलाई मा आश्चर्यजनक केही छ। यो डिजाइन अवधारणा पनि 80-90 वर्ष मा प्ले र अवकाश मित्र हेर्नुभयो गर्नेहरूलाई द्वारा न्यानो पर्याप्त कथित छ।

parallax सार्ने

प्रमुख ब्रान्डहरु को बजार लामो प्राविधिक अग्रिम सबै प्रकारका प्रयोग गरेका छन्। यसरी, यो पनि आकस्मिक आगन्तुक साइट चासोको विषय गर्न सम्भव छ।

Parallax स्क्रोलिङ एकदम सफलतापूर्वक नाइके गरेको प्रयोग गरिएको। कम्पनी को मूल साइट को विकास डिजाइनर Weiden र केनेडी संलग्न। तर, यो डिजाइन संरक्षित छैन। स्रोत बिस्तारै आधुनिक रुझान अनुसार अद्यावधिक गरियो। Activatedrinks.com - एक साइट जसको डिजाइन बजार प्रयोग सजावट को reminiscent छ नाइके अवधि तोकिएको को उदाहरण।

वक्ता धेरै हुनु हुँदैन

साइटको डिजाइन अक्सर आगन्तुक गाइड एक प्रमुख मापदण्ड हो भनेर नबिर्सनुहोस्। गरिबी गरे जीवन सामान्यतया प्रयोगकर्ता कम्पनी मालिक को बेवस्ताई को छाप छोड्छ। र यहाँ आकर्षक डिजाइन तत्त्वहरू सबै प्रकारका साइट मालिक संगठन रुचि पर्यटकहरूलाई प्रयास सुझाव छ।

यो parallax सम्झना गर्न लायक छ। यो एक सुन्दर उपकरण हो। तर पनि तिनीहरूले मुछिन धेरै आवश्यक छैन। जहाँ त्यहाँ मोबाइल तत्व विभिन्न प्रकार को एक ठूलो संख्या हो पृष्ठ किनभने, एकदम बुझ्न जटिल छ। यो स्टाइलिश र सहज को सबै भन्दा राम्रो गर्न अवकास बनाउन सबै भन्दा राम्रो छ।

गतिशील अलग आवश्यक अलग तत्व हुनुपर्छ। पनि अन्य तहहरू एक नातेदार सार्दा प्रयोग गरेर बनाएको छ, जो वर्तमान रेखाचित्र, हुन सक्छ। प्रयोगकर्ता साइट आगंतुकों लागि मुख्यतया बनेको छ कि भूल छैन। यो वेब मास्टर कृति हुँदैन, आफ्ना सबै ज्ञान राख्नु। आखिर, यस्तो दृष्टिकोण मात्र धारणा जटिल हुनेछ।

कसरी अनलाइन आन्दोलन सिर्जना गर्न

एक parallax कसरी बनाउने? यो मुद्दा धेरै वेबसाइट निर्माताहरू निकै चासो छ। छैन लेखन ट्याग को intricacies जान्नु आवश्यक छ। यसलाई इन्टरनेटमा विशेष स्रोतहरू प्रयोग गर्न धेरै सुविधाजनक छ। विद्यमान प्रस्ताव को ठूलो संख्या को निम्न साथीहरूले हो:

1. Plax - कार्यक्रम, प्रयोग गर्न एकदम सजिलो छ। त्यो माउस सारेर पृष्ठ को गतिशीलता दिन गर्छन।
2. छवि Sliders सिर्जना गर्न प्रयोग jQuery प्लगइन - jQuery parallax छवि स्लाइडर।
3. JQuery छवि parallax - पारदर्शी तस्बिरहरू को सजावट लागि उपयुक्त। PNG, GIF अधिग्रहण गहिराई, सक्रिय आन्दोलन यसको प्रयोग गर्न धन्यवाद।
4. Curtain.js सुसज्जित एक निश्चित प्यानल संग पृष्ठ सिर्जना गर्न, प्रयोग। यस मामला मा, त्यहाँ पर्दे शीर्षकमाथिको को प्रभाव छ।
5. Parallax स्क्रोल: एक jQuery प्लगइन तपाईं माउस पाङ्ग्रा स्क्रोल गर्दा parallax प्रभाव सिर्जना गर्न छ।

केही उपयोगी प्लगइन

जानिन्छ, सबै भन्दा बहुमूल्य जानकारी छ। र ठूलो सही परिणाम प्राप्त को ज्ञात चाहेको, सम्भावना र नजिक हासिल गर्ने उपायहरू को संख्या। को गतिशीलता सिर्जना गर्न प्रयोग उपयोगी प्लग-इन्स:

1. jQuery स्क्रोल पथ - निर्दिष्ट बाटोमा वस्तुहरु राख्न प्रयोग।
2. Scrollorama - jQuery-प्लगइन। यसलाई आकर्षक प्रस्तुति सामाग्री को लागि एक उपकरण रूपमा प्रयोग गरिन्छ। यसलाई कारण पृष्ठमा उपलब्ध पाठ "पुनर्जीवित" गर्न सजिलो स्क्रोलिङ अनुमति दिन्छ।
3. Scrolldeck - jQuery-प्लगइन। यो एक एकल पृष्ठ रूपमा डिजाइन, साइट लागि प्रस्तुतिको रूपमा प्रयोगको लागि एक महान समाधान छ।
4. jParallax माउस सूचक को आन्दोलन आधारमा तहहरू सार्दा छ।
5. Stellar.js - प्लग जो प्रत्येक तत्व parallax प्रभाव स्क्रोलिङ को वाहेक बनाइएको छ।

कर्सर गर्न सन्दर्भ parallax

यसलाई प्रभावकारी एक parallax देखिन्छ Suffice। अझै पनि एक साइट वस्तुहरु को पहिलो पृष्ठ मा को दृष्टिकोण मा सारियो छन् माउस सूचक। यो जीवन आउँछ र चल्ने तत्व निम्नानुसार।

पहिलो बिसौनी संख्या हुनुपर्छ। इच्छित छवि तपाईं लुकाउन चाहन्छु किनाराको संग, फ्रेम मा राखिएको छ। विधि धेरै सरल छ, र यसरी प्राप्त ढाँचा एकदम आकर्षक देखिन्छ।

एक साइट parallax प्रभाव - यो डिजाइन सुन्दर तरिका हो। यसको प्रयोग एक स्रोत सिर्जना कारण ध्यान दिइएको छ सुझाव। त्यसैले प्रस्तावित सेवाहरू वा जानकारी ध्यान पढ्न गर्न आवश्यक छ। यी साइटहरूमा समान, तर बस सजाया स्रोतको पृष्ठभूमिमा विरुद्ध थप लाभप्रद हेर्न।