jQuery ui исчезает в цвете, затем исчезает.

Question

Я пытаюсь угаснуть все привязывающие цвета ссылок и наши мыши и мыши. Это мои лучшие усилия.

$(document).ready(function(){ 
    $('a').on('mouseenter' , function(){ 
    $(this).toggle(function(){ 
     animate({color:"#ee860a"}) 
      }); 
     } 
    ); 
}); 

Фактически, что мое лучшее усилие было без функции переключения, что может быть не уместно здесь. Мне нужно сделать 2 функции? 1 с помощью мыши и 1 с помощью мыши? Или это лучше/возможно сделать с переключением?

Answer 1

Ваш синтаксис является неправильным. animate используется так:

$(document).ready(function(){ 
    $('a').on('mouseover' , function(){ 
     $(this).animate({color:"#ee860a"},'slow'); 
    }); 
});​ 

Смотрите эту скрипку: http://jsfiddle.net/ZtBpM/1/

Ваш подход к mouseout (а использовать это, чем mouseleave - то же самое для mouseover вместо mouseenter) нормально (просто делать то же самое с другим событием), хотя вы также можете использовать hoverhttp://api.jquery.com/hover/, который позволит вам связать функции для мыши и мыши в одном вызове.

Answer 2

Вставьте http://www.bitstorm.org/jquery/color-animation/jquery.animate-colors-min.js ниже JQuery и добавьте код в свой последующий элемент:

$('#elementToEffect').animate({color: '#ee860a'}) 

Answer 3

$(document).ready(function(){ 
    $('a').hover(function(){ 
     $(this).animate({color:"#ee860a"});  
    }, function() { 
     $(this).animate({color:"#999"}); 
    }); 
}); 

Попробуйте это :)

Answer 4

Вам нужен плагин JQuery для анимации цвета: https://github.com/jquery/jquery-color

Я предпочитаю использовать CSS3 solutin:

http://jsfiddle.net/ySwAG/2/

a{ 
    -moz-transition: all 0.5s; 
    -webkit-transition: all 0.5s; 
    transition: all 0.5s; 
    color:#000; 
} 
a:hover{ 
    color:#ee860a; 
}