jquery fading सीमा काम नहीं कर रहा

Question

मुझे बस कुछ सरल लिंक चाहिए जहां यह आच्छादित हो, इसके नीचे एक लाइन अचानक दिखाई देने के बजाय, इसे फीका होना चाहिए। मैं यह कोशिश कर रहा हूं, लेकिन इसका कोई फायदा नहीं हुआ:

$(document).ready(function(){ 
    $('#footer a').mouseover(function(){ 
    $(this).animate({ 
     border-bottom: 'border-bottom: 1px solid #D8D8D8' 
     }, 1000, function() { 
     // Animation complete. 
    }); 
    }); 
}); 

मुझे क्या करना चाहिए?

धन्यवाद।

Answer 1

आपने कुछ परिवर्तन यहाँ की जरूरत है, पहले आप इस तरह, सिर्फ रंग चेतन चाहिए: इसके अलावा

$(function(){ 
    $('#footer a').mouseover(function(){ 
    $(this).animate({ 
     borderBottomColor: '#D8D8D8' 
     }, 1000, function() { 
     }); 
    }); 
});​ 

, तो यह सिर्फ "दिखाई" नहीं है सीमा एक प्रारंभिक आकार देना (जब से बदल रहा है 0 1px करने के लिए), इस तरह:

​​#footer a { border-bottom: solid 1px transparent; }​ 

You can see a working demo here, यह काम आप की जरूरत बनाने के लिए या तो the color plugin या jQuery UI तो रंग चेतन कर सकते हैं ... कोर रंग, या संक्रमण कुछ भी है कि एक नंबर नहीं है संभाल नहीं करता है।

Here's a more complete demo, probably what you're ultimately after:

$(function(){ 
    $('#footer a').hover(function(){ 
     $(this).animate({ borderBottomColor: '#D8D8D8' }); 
    }, function() { 
     $(this).animate({ borderBottomColor: 'transparent' }); 
    }); 
}); 
​