2009-08-30 14 views
9

मुझे कोड का यह वास्तव में सरल टुकड़ा मिला है जो मैंने सोचा था कि दिए गए इनपुट फ़ील्ड के लिए टेक्स्ट रंग को एनिमेट करने के लिए jQuery प्राप्त करने का सही तरीका था।jQuery: इनपुट फ़ील्ड के लिए एनिमेट टेक्स्ट रंग?

$('input').animate({color: '#f00'}, 500); 

लेकिन यह काम नहीं करेगा।

$('input').css('color', '#f00'); 

मैं एक ही (कमी) परिणामों के साथ दोनों Safari 4 और Firefox 3.5 में यह कोशिश की है: हालांकि, मैं पाठ का रंग बदल सकते हैं। मैं इस समस्या पर किसी भी इनपुट की सराहना करता हूं क्योंकि मैं बाल से बाहर निकल रहा हूं ... धन्यवाद।

+0

[jQuery एनिमेट पृष्ठभूमि पृष्ठभूमि] के संभावित डुप्लिकेट (http://stackoverflow.com/questions/190560/jquery-animate-backgroundcolor) – mercator

उत्तर

19

jQuery रंग एनिमेशन का समर्थन नहीं करता है, इसलिए आपको color प्लगइन या jQuery UI की आवश्यकता होगी। दोनों आपको सिंटैक्स का उपयोग करने की अनुमति देते हैं जो आप पृष्ठभूमि-रंग और रंग जैसी गुणों के लिए उपयोग कर रहे हैं।

0

आप इस

+1

और आप इसके बारे में Google खोज http: // www के पहले पृष्ठ पर सीख सकते हैं। google.ru/search?q=jquery+animate+color – n1313

0

उपयोग jQueryUI के लिए Color Animations plugin की आवश्यकता होगी और अपने कोड काम करता है के रूप में यह है।

+3

jQuery-UI सहित एक भारी है जिसमें केवल रंगीन एनीमेशन के लिए शामिल है! – redsquare

0

मुझे कलर प्लगइन एक पेज लोड से दूसरे में बेहद फ्लेकी होने के लिए मिला, यहां तक ​​कि एक ही सटीक कोड के साथ एक स्थिर पृष्ठ पर ..! कलरब्लेंड ने पूरी तरह से काम किया था। http://plugins.jquery.com/files/jquery.colorBlend.js_6.txt

+0

यह अच्छी तरह से काम नहीं करता है ... –

2

आप रंगीन प्लगइन के बिना ऐसा कर सकते हैं। मैंने इस प्रश्न का उत्तर here दिया है।

संबंधित मुद्दे