मैं .css का उपयोग करके JQuery के साथ एक एनीमेशन लॉन्च करने का प्रयास कर रहा हूं। मैं पत्र को बाएँ, फिर दाएँ, फिर बाएँ और दाएँ मोड़ना चाहता हूँ जबकि वह ऊपर जा रहा होगा।
$(".envelope").click(function() {
$(this).find(".list")
.animate({top:"0px"},1000);
$(this).find(".list").delay(100)
.css({"-ms-transform":"rotate(-6deg)","-webkit-transform":"rotate(-6deg)","transform":"rotate(-6deg)"});
$(this).find(".list").delay(200)
.css({"-ms-transform":"rotate(6deg)","-webkit-transform":"rotate(6deg)","transform":"rotate(6deg)"});
$(this).find(".list").delay(300)
.css({"-ms-transform":"rotate(-6deg)","-webkit-transform":"rotate(-6deg)","transform":"rotate(-6deg)"});
$(this).find(".list").delay(400)
.css({"-ms-transform":"rotate(6deg)","-webkit-transform":"rotate(6deg)","transform":"rotate(6deg)"});
});
उत्तर:
उत्तर № 1 के लिए 1आपको इसके लिए jQuery.queue का उपयोग करना चाहिए
http://api.jquery.com/jQuery.queue/
अगर आपको एक की जरूरत हो तो मैं आपको एक उदाहरण बना सकता हूं। यहाँ एक अच्छा लिखना है:
http://cdmckay.org/blog/2010/06/22/how-to-use-custom-jquery-animation-queues/
उदाहरण कुछ ऐसा ही कर रहा है जिसे आप पूरा करने की कोशिश कर रहे हैं। मुझे बताएं कि क्या आप यह काम कर सकते हैं। मैं आपके लिए एक त्वरित उदाहरण को एक साथ फेंक सकता हूं।
जवाब के लिए 0 № 2
JQuery ट्रांज़िट प्लगइन बिल्कुल इसी के लिए डिज़ाइन किया गया है! यह jQuery एनीमेशन एपीआई संगत है, लेकिन सीएसएस संक्रमण का उपयोग करता है।
http://ricostacruz.com/jquery.transit/