लंबन - इस ... लंबन प्रभाव: उदाहरण

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

लंबन क्या है

लंबन स्क्रॉल खड़ी और एक सीधी रेखा में इस्तेमाल किया जा सकता। एक उदाहरण है, सबसे उपयुक्त Nintendo के रूप में। पुरानी यादों कंप्यूटर गेम के साथ हम में से कई स्क्रीन के दाईं ओर बाईं ओर से मुख्य पात्रों में से आंदोलन का प्रतिनिधित्व किया। यह भी नीचे ले जाने के एक खड़ी निपटारा सीधे द्वारा किए गए संभव है। नेटवर्क पर लंबन प्रभाव अक्सर प्रयोग किया जाता है। आप एक ऊर्ध्वाधर स्लाइडर बनाने के लिए जावास्क्रिप्ट या सीएसएस 3 का उपयोग कर सकते हैं।

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

लगता है कि लंबन न करें - यह तभी संभव एक 3 डी प्रभाव बनाने के लिए है। मौजूदा माउस को वहां ले जाया जा सकता है। विशेष रूप से, यह काफी आकर्षक लग रहा है। विशेष रूप से सबसे अच्छा विकल्प उनमें से प्रत्येक के लिए एक व्यक्ति के प्रक्षेपवक्र का प्रयोग है। इस मामले में, यह अलग रास्तों के माध्यम से नेविगेट करने के विभिन्न प्रतीक का उपयोग करता है। इस डिजाइन ध्यान आकर्षित करती है।

चित्र को पुनर्जीवित

यह छवियों के बिना एक साइट खोजने के लिए मुश्किल है। गुणात्मक बनाया और सांकेतिक आंकड़े पर्यटकों को आकर्षित। लेकिन सबसे ज्यादा ध्यान कारण गतिशील छवि के सभी प्रकार के। वास्तव में, अगर मनाया आंदोलन, यह ध्यान साइट पर जाकर जब आकर्षित करती है। गौरतलब है कि एक गतिशील छवि के लिए संसाधन के आगंतुक लौटने की संभावना बढ़ जाती है। और यह ले जाएँ या नहीं लग रहा था? इसलिए, साइट के लिए आगंतुकों को आकर्षित करने में लंबन प्रभाव के रूप में ऐसी बात का अध्ययन किया जाना चाहिए।

चलती छवियों के साथ वेबसाइटों के उदाहरण:

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

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

jQuery पुस्तकालय

टर्म jQueryParallax नामस्रोत पुस्तकालय निर्धारण करते हैं। यह करने के लिए धन्यवाद 3 डी आंदोलन में प्रभाव को प्राप्त करने के लिए आसान है। तीन आयामी धारणा के jQuery पुस्तकालय विभिन्न तरीकों से बनाया जाता है। जबकि पृष्ठभूमि चलती विभिन्न गति पर वस्तुओं उनमें से एक क्षैतिज है। इस पुस्तकालय के लिए गुण के विभिन्न प्रकार के बड़ी संख्या में होते हैं। और विस्थापन यहाँ वर्णित केवल अपनी क्षमताओं का एक छोटा सा हिस्सा प्रतिनिधित्व करता है।

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

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

jParallax परतों प्रस्तुत किया, चलती माउस ले जाया जाता है। पूर्ण स्थिति तत्वों (: निरपेक्ष स्थिति;) की गतिशील विशेषता के लिए। उनमें से प्रत्येक अपने आकार और आंदोलन से अलग-अलग दर करने के लिए होती है। यह एक टेक्स्ट या चित्र (वैकल्पिक संसाधन रचनाकारों) हो सकता है।

वेबसाइट आगंतुक की धारणा

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

डिजाइन यदि आप चाहें, तो आगंतुक लंबी अवधि के लिए ही रहेगा। इस प्रकार, संभावना है कि यह अपलोड की गई जानकारी को आकर्षित करेगा बढ़ रही है, वह ब्याज को दर्शाता है। अंत में, लोगों को दी जाने वाली सेवाओं, उत्पाद या प्रमोशनल ऑफर का लाभ प्राप्त करेंगे।

पसंदीदा पुराने खेल

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

1. मारियो ब्रदर्स
2. मौत का संग्राम।
3. क्रोध की सड़कें।
4. चंद्रमा गश्ती।
5. समय में कछुओं।

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

स्क्रीन पर चित्र इस तरह के लंबन स्क्रॉल के रूप में तकनीक का उपयोग बनाया जाता है। तथ्य यह है कि इस विधि अच्छी तरह से लायक लोकप्रियता हासिल की है में आश्चर्य की बात कुछ भी नहीं है। इस डिजाइन अवधारणा पर्याप्त माना जाता है गर्म जो लोग 80-90 साल में खेला और देखा अवकाश दोस्तों के द्वारा है।

लंबन स्क्रॉल

अग्रणी ब्रांडों में से विपणक लंबे तकनीकी विकास के सभी प्रकार का इस्तेमाल किया है। इस प्रकार, यह भी आकस्मिक आगंतुक साइट हित के लिए संभव है।

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

वक्ताओं ज्यादा नहीं होना चाहिए

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

यह लंबन याद करने लायक है। यह एक अद्भुत उपकरण है। लेकिन फिर भी वे शामिल होने के लिए ज्यादा जरूरत नहीं है। पेज जहां मोबाइल तत्वों के विभिन्न प्रकार की एक बड़ी संख्या देखते हैं, क्योंकि काफी समझने के लिए जटिल है। यह स्टाइलिश और सहज ज्ञान युक्त का सबसे अच्छा करने के लिए एक निकासी बनाने के लिए सबसे अच्छा है।

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

कैसे एक आंदोलन ऑनलाइन बनाने के लिए

कैसे एक लंबन बनाने के लिए? यह समस्या बहुत सारे वेबसाइट रचनाकारों में रुचि रखता है। नहीं टैग लेखन की पेचीदगियों को जानने की जरूरत। यह बहुत इंटरनेट पर विशेष संसाधनों का उपयोग करने के लिए सुविधाजनक है। मौजूदा प्रस्तावों की बड़ी संख्या के निम्नलिखित सहयोगियों कर रहे हैं:

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

बस कुछ ही उपयोगी प्लगइन्स

के रूप में जाना जाता है, सबसे अधिक मूल्यवान जानकारी है। और अधिक से अधिक तरीकों से वांछित जाना जाता है, करीब एक सही परिणाम प्राप्त करने की संभावना को प्राप्त करने की संख्या। उपयोगी प्लग-इन की गतिशीलता बनाने के लिए इस्तेमाल:

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

कर्सर के संदर्भ में लंबन

पर्याप्त यह प्रभावी रूप से एक लंबन लग रहा है। फिर भी एक साइट वस्तुओं के पहले पृष्ठ पर के दृष्टिकोण पर ले जाया जाता है माउस सूचक। यह जीवन की बात आती है और चल तत्व इस प्रकार है।

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

एक साइट के लिए लंबन प्रभाव - यह डिजाइन करने के लिए एक बढ़िया तरीका है। इसका उपयोग पता चलता है कि एक संसाधन के निर्माण के कारण ध्यान दिया जाता है। इसलिए यह पढ़ने के लिए दी जाने वाली सेवाओं या जानकारी पर ध्यान देना आवश्यक है। इन साइटों को समान है, लेकिन सादगी से सजाए संसाधनों की पृष्ठभूमि के खिलाफ अधिक लाभप्रद है।