स्थान：घर पृष्ठ > जेएस विशेष प्रभाव कोड > हिंडोला और स्विच
jQuery के मोबाइल चित्र हिंडोला प्लगइन
यह jQuery के हिंडोला प्लग-इन मुख्य रूप से मोबाइल उपकरणों पर उपयोग किया जाता है, इसलिए हम अन्य फ़ोकस मैप प्लग-इन की तरह चित्रों को स्विच करने के लिए स्विच बटन पर क्लिक नहीं कर सकते, लेकिन टूलटिप उपस्थिति के साथ थंबनेल को स्लाइड करके चित्रों को स्विच करें, और चित्र को प्रदर्शित किया जाता है केंद्र एनीमेशन के अंदर और बाहर ज़ूम करने का प्रभाव अच्छा है।
jQuery छवि विज्ञापन फ़ोकस स्विच
एक साधारण jQuery उत्पाद प्रदर्शन फोकस मैप स्विचिंग प्लग-इन। छवि स्विचिंग संक्रमण एनीमेशन फीका-इन और फीका-आउट एनीमेशन प्रभाव का उपयोग करता है। ऊपर और बाईं ओर दो स्विचिंग बटन चल रहे हैं। जब माउस छवि पर चलता है, तो दो स्विचिंग बटन प्रदर्शित होंगे। उसी समय, हम किसी भी तस्वीर पर स्विच करने के लिए तस्वीर के नीचे बटन की पंक्ति पर भी क्लिक कर सकते हैं।
Swiper.js मोबाइल चित्र हिंडोला प्लगइन स्विचन
Swiper.js मोबाइल फोन के लिए एक तस्वीर और पाठ सामग्री स्लाइडर प्लग-इन है। आज शेयर की जाने वाली Swiper.js मोबाइल पिक्चर स्लाइडर प्लग-इन बहुत शक्तिशाली है। अन्य jQuery फोकस मैप प्लग-इन की तरह, Swiper.js भी चित्र स्लाइडिंग स्विच फ़ंक्शन प्रदान करता है, और त्वरित स्विचिंग के लिए फ्लोटिंग चित्र के ऊपर बाएँ और दाएँ तीर स्विचिंग और परिपत्र लिंक बिंदु का समर्थन करता है। इसके अलावा, Swiper.js ऑटो प्ले या माउस ड्रैग और स्लाइड का भी समर्थन करता है।
jQuery के स्वचालित हिंडोला चार्ट स्लाइडर प्लगइन
एक साधारण jQuery हिंडोला स्लाइडर प्लग-इन, इसमें बहुत भव्य स्विचिंग एनीमेशन नहीं है, बस एक साधारण स्लाइडिंग इन-आउट एनीमेशन है। यह सरल भी है, इस jQuery फोकस मैप प्लग-इन का उपयोग बहुत सुविधाजनक है, हमें केवल अपने वेब पेज में इसे एकीकृत करने के लिए फ़ुटस्टेप लाइब्रेरी शुरू करने और सरल सेटिंग्स करने की आवश्यकता है।
jQuery के कैस्केडिंग पिक्चर हिंडोला प्लगइन
एक हिज्जे कैस्केडिंग स्टाइल पिक्चर स्विचिंग हिंडोला प्लग-इन, वर्तमान तस्वीर को छोड़कर, हम सभी तस्वीरों का हिस्सा देख सकते हैं, अगली तस्वीर बाएं और दाएं तीर स्विच किए जाने के बाद प्रदर्शित होती है, और स्विचिंग एनीमेशन एक कैस्केडिंग प्रभाव है।
jQuery के उत्पाद स्वचालित हिंडोला प्रदर्शन प्लग-इन
एक क्रिएटिव jQuery उत्पाद छवि स्वचालित स्विचिंग प्लेबैक प्लग-इन, हमारे द्वारा पहले प्रस्तुत jQuery फोकस मैप या तो बाएं-दाएं स्विचिंग, या ऊपर-नीचे स्विचिंग है, और फिर विभिन्न संक्रमण एनीमेशन प्रभावों के साथ आता है। लेकिन प्लग-इन स्विच करने वाला यह jQuery का चित्र आर्क के साथ एक हिंडोला स्विच है, जो अधिक त्रि-आयामी है, और यह लूप प्लेबैक का भी समर्थन करता है।
jQuery div layer overlay style स्विचिंग प्लगइन
एक 3D फ्लिप हिंडोला स्विचिंग प्लग-इन को jQuery द्वारा लागू किया गया है, जो कई और divs को सुपरइम्पोज़ कर सकता है। स्विचिंग प्रभाव और शैली बहुत अच्छे हैं। आप इस jQuery स्विचिंग प्लग-इन को आज़मा सकते हैं।
jQuery + swiper.js शांत उत्पाद स्विचिंग स्लाइडर प्रभाव
jQuery पूर्ण स्क्रीन और वायुमंडलीय वस्तु स्लाइडिंग स्विचिंग के लिए swiper.js पर आधारित है, संग्रह एनीमेशन इंटरैक्टिव डिजाइन पेज के कोड को जोड़ रहा है, और सहायक चयन जैसे आकार चयन और संग्रह।
js स्प्लिट स्क्रीन डिस्प्ले पिक्चर स्विचिंग स्पेशल इफेक्ट्स
एक जेएस बाईं और दाईं ओर विभाजित स्क्रीन एनीमेशन हिंडोला विशेष प्रभाव। इस हिंडोला विशेष प्रभाव में, चित्र और विवरण पाठ स्क्रीन के दोनों किनारों पर अलग हो जाते हैं। जब माउस ऊपर और नीचे स्क्रॉल करता है, तो चित्र और विवरण टेक्स्ट एक दूसरे के सापेक्ष ऊपर और नीचे बढ़ते हैं। प्रभाव बहुत अच्छा है।
चित्र हिंडोला प्लग-इन इंडेक्स लाइन एनीमेशन
एचटीएमएल 5 और एसवीजी लाइन विरूपण एनीमेशन प्रभाव। यह विशेष प्रभाव डेमो एक हिंडोला में पेजिंग नेविगेशन का एक उदाहरण है। प्रत्येक पेजिंग डॉट में एक एसवीजी परिपत्र रेखा होती है। जब उपयोगकर्ता अन्य डॉट्स पर क्लिक करता है, तो परिपत्र रेखा एक चिकनी संक्रमण में अगली स्थिति में चली जाती है।
jQuery के चार ग्रिड विंडो हिंडोला आरेख प्लग-इन window.slider.js
jQuery के चार ग्रिड विंडो हिंडोला आरेख प्लग-इन। Jquery हिंडोला आरेख एक खिड़की को चार ऊपरी और निचले ग्रिड में विभाजित करता है, और फिर क्रमशः चार ग्रिड में सफलताओं को घुमाता है।
jQuery की छवि रोटेशन स्विचिंग प्रभाव
कंटेनर की चौड़ाई को पैरामीटर "चौड़ाई" द्वारा नियंत्रित किया जा सकता है, "ऊंचाई" कंटेनर की ऊंचाई को नियंत्रित करता है, पोस्टरवर्थ "चित्र की चौड़ाई को नियंत्रित करता है," पोस्टरहाइट "चित्र की ऊंचाई को नियंत्रित करता है," स्केल "चित्र को कई को नियंत्रित करता है," गति "समय लेने वाली स्विचिंग प्रभाव को नियंत्रित करता है," ऑटोप्ले "" स्वचालित रूप से खेलने के लिए नियंत्रित करें, "देरी" प्रत्येक प्रभाव के अंतराल को नियंत्रित करता है, और "वर्टीकल" नियंत्रित करता है कि छवि कैसे संरेखित है।
TweenMax.js हिंडोला आरेख HTML5 एनीमेशन
TweenMax.js एनीमेशन लाइब्रेरी द्वारा कार्यान्वित स्लाइडर प्रभाव के आधार पर, स्विच करते समय एनीमेशन प्रभाव के साथ js चित्र हिंडोला प्लग-इन।
jQuery की सूची आइटम चिकनी स्क्रॉलिंग प्लगइन चिकनी-स्क्रॉलबार.जेएस
smooth-scrollbar.js एक स्मूथ स्क्रॉलिंग प्लग-इन है, जो कि jQuery का उपयोग करके कार्यान्वित एक सूची आइटम है, जो माउस स्क्रॉल होने पर स्वचालित रूप से सूची आइटम को स्विच करता है।
शुद्ध css3 हिंडोला स्लाइडर प्रभाव
हिंडोला स्लाइडर का विशेष प्रभाव शुद्ध css3 कोड द्वारा कार्यान्वित किया जाता है, बिना हिंडोला प्लग-इन के निर्माण के लिए किसी भी जावास्क्रिप्ट कोड का उपयोग किए बिना।
jQuery + SVG चित्र हिंडोला स्लाइडर प्लगइन
चित्र हिंडोला स्लाइडर प्लग-इन jQuery + SVG द्वारा कार्यान्वित किया गया
jQuery की छवि सममित भाजित हिंडोला प्लगिन
एक jQuery के पूर्ण स्क्रीन सममित विभाजन कार्ड हिंडोला प्लग-इन। हिंडोला प्लग बनाने के लिए jquery और TweenMax.js का उपयोग करता है। लेआउट में, चित्र और सामग्री को बाईं और दाईं ओर दो क्षेत्रों में विभाजित किया गया है। जब हिंडोला स्विच किया जाता है, तो कुछ दृश्य प्रभाव होते हैं।
jQuery के चित्र सूची टैब स्विच
JQuery- आधारित चित्र सूची टैब स्विचिंग के आधार पर, वेबसाइट टेम्पलेट चित्र टैब स्विचिंग प्रभाव बनाते हैं। यह एक वायुमंडलीय चित्र सूची टैब कोड है।
आइकन के साथ jQuery के प्रश्न और उत्तर टैब स्विच
jQuery आइकन टेक्स्ट प्रश्न और उत्तर केंद्र टैब टैब स्विचिंग, सहायता केंद्र टैब आइकन आइटम सामग्री स्विचिंग कोड बना रहा है। पंजीकरण / लॉगिन, इवेंट सेटिंग, पुरस्कार सेटिंग, इवेंट मैनेजमेंट, सत्यापन प्रणाली, आधिकारिक खाता प्राधिकरण टैब स्विच पेज।
jQuery के कॉर्पोरेट लोगो छवि टैब लेआउट कोड
jQuery तीर क्लाइंट पेज कंट्रोल के साथ सहकारी ग्राहकों के लोगो चित्रों का ग्रिड लेआउट बनाता है। सहकारी ग्राहकों, ग्राहक की आवाज टैब लेआउट स्विचिंग प्रभाव कोड।
