jQuery.animate() केवल सीएसएस वर्ग के साथ, स्पष्ट शैलियों के बिना

Question

JQuery एनिमेट का उपयोग करना मैं सीएसएस कक्षाओं के साथ काम करना चाहता हूं, जिसे कहीं भी .css फ़ाइल में परिभाषित किया गया है, सभी शैलियों को jquery.animate() स्पष्ट रूप से नहीं देना है ।

मैं इस तरह के वर्ग के साथ एक नकली (उदा। अदृश्य) तत्व बना सकता हूं, इसकी सीएसएस गुणों को पढ़ सकता हूं और उन्हें jquery.animate() को दे सकता हूं - क्या कोई बेहतर तरीका जानता है?

Answer 1

jQueryUIanimate समारोह है कि आप सीएसएस वर्ग चेतन करने की अनुमति देता करने के लिए एक विस्तार प्रदान करता है।

संपादित: उदाहरण here

वहाँ भी जोड़ने के लिए तरीके हैं/हटाने/ वर्ग है जो आप भी रुचि हो सकती है टॉगल

Answer 2

वेस्टन Ruther WebKit proposal for css transitions का उपयोग कर एक ऐसी ही बात बनाया:

http://weston.ruter.net/projects/jquery-css-transitions/

इस कार्यान्वयन आप के लिए उपयोगी हो सकता है।

Answer 3

बाहर चेक जेम्स Padolsey के animateToSelector

परिचय: यह jQuery प्लगइन आप शैलियों अपने स्टाइलशीट में निर्दिष्ट करने के लिए किसी भी तत्व चेतन करने की अनुमति देगा। आप सभी को एक चयनकर्ता पास करना है और प्लगइन उस स्टाइलशीट में में उस चयनकर्ता की तलाश करेगा और फिर इसे एनीमेशन के रूप में लागू करेगा।

Answer 4

कई मामलों में आप सीएसएस संक्रमण का उपयोग कर बेहतर कर रहे हैं। इसके लिए, और पुराने ब्राउज़र में आसानी से तुरंत हो जाएगा। अधिकांश एनिमेशन (जैसे फीका इन/आउट) लागू करने के लिए बहुत ही छोटे हैं और ब्राउज़र आपके लिए सभी लेगवर्क करता है। https://developer.mozilla.org/en/docs/Web/CSS/transition