jQuery: एनिमेट टेक्स्ट रंग

Question

मैं एक होवर ईवेंट के भीतर लिंक रंग को गतिशील रूप से बदलना चाहता हूं। मुझे अब तक निम्न कोड मिला है लेकिन यह काम नहीं करता है। कोई सुझाव क्यों? मेरी राय में यह सही हो रहा है ...

$('.fadelink').hover(function(){    
     $(this).animate({ 
      color: '#333' 
     }, 600);    
    }, 
    function(){ 
     $(this).animate({ 
      color: '#999' 
     }, 600);   
    }); 

Answer 1

आप इसे काम करने के लिए colors प्लगइन जोड़ने के लिए। वह कोर से छीन लिया गया है।

Answer 2

इस सवाल का जवाब देखें: jQuery: animate text color for input field?

आप jQuery के साथ नहीं चेतन सीएसएस पाठ का रंग कर सकते हैं।

Answer 3

रंगीन एनीमेशन काम करने के लिए आपको jQuery color plugin का उपयोग करना होगा।

Answer 4

jQuery रंग की एनीमेशन का समर्थन नहीं करता है, लेकिन यह रंग प्लगइन के साथ कर सकते हैं: http://plugins.jquery.com/project/color

हालांकि, वहाँ एक और मार्ग आप ले सकता है CSS3 के साथ है,, यदि आप इसे कुछ पुराने में काम नहीं कर कोई आपत्ति नहीं है ब्राउज़रों:

.baseClass { 
    color:#999; 

    -webkit-transition-property:color; 
    -webkit-transition-duration: 1s, 1s; 
    -webkit-transition-timing-function: linear, ease-in; 
} 

.baseClass:hover { 
    color: #333; 
} 

Answer 5

आप इस का उपयोग कर सकते हैं:

$('#demodiv').animate({color: '#E4D8B8'}) 

यहाँ अधिक देखें: http://www.bitstorm.org/jquery/color-animation/