2011-09-22 38 views
7

tôi muốn tự động thay đổi màu liên kết trong một sự kiện di chuột. Tôi nhận được mã sau cho đến nay nhưng nó không hoạt động. Bất kỳ đề xuất nào tại sao? Trong phản đối của tôi, có vẻ như đúng ...jQuery: màu chữ animate

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

nếu bạn không muốn đi quá phức tạp, chỉ đơn giản là phai yếu tố ra, thay đổi màu sắc và phai nó trở lại trong. Tùy chọn đơn giản nhất. – f0x

+0

bản sao có thể có của [jQuery: màu văn bản animate cho trường nhập liệu?] (Http://stackoverflow.com/questions/1354277/jquery-animate-text-color-for-input-field) – Neal

+0

thử http: // jqueryui này .com/demos/animate/ –

Trả lời

9

Bạn phải thêm colors plugin để hoạt động. Điều đó bị tước khỏi lõi.

+0

Yup, quên về plugin màu. Lỗi của tôi. –

+0

đó là ... cảm ơn bạn! :) – Mikaelik

5

jQuery không hỗ trợ hình ảnh động của màu sắc, nhưng nó có thể với các plugin màu: http://plugins.jquery.com/project/color

Tuy nhiên, có một con đường bạn có thể kéo dài, với CSS3, nếu bạn không nhớ nó không làm việc trong một số cũ trình duyệt:

.baseClass { 
    color:#999; 

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

.baseClass:hover { 
    color: #333; 
}