Как получить свойство цвета из CSS с помощью jQuery?

Question

Я хочу добавить анимацию для изменения цвета всех ссылок.Я имею в виду, что без ссылки на Javascript ее цвет сразу меняется.Что я хочу сделать, так это то, что когда вы наводите ссылку, ее цвет должен постепенно меняться с помощью функции jQuery $. Animate .

Это легко сделать до тех пор, пока здесь.Но дело в том, что я не хочу писать код RGB для каждого из типов ссылок.Я хочу, чтобы jQuery знал, какого цвета должна быть ссылка, когда она наведена.

Если вы не поняли меня до этого, позвольте мне объяснить это на примере:

$('a').hover(function () {
    $(this).animate( { 'color', $(this + ':hover').css('color') }, { duration: 250 });
}, function () {
    $(this).animate( { 'color', $(this).css('color') }, { duration: 250 });
});

Iзнаю, что этот код не будет работать, но я думаю, что он четко объясняет, что мне нужно.

Answer 1

var color = $('element').css('color');

Если вы устанавливаете через RGB, например, стиль rgb (красный, зеленый, синий), вам не нужно делать шестнадцатеричные преобразования. Вы можете легко изменить цвет от 0-255.

Я делал подобные вещи с RGB, взгляните на http://www.homeschoolsnowboarding.com наберитесь терпения и наблюдайте, как фон медленно меняет цвета.

Answer 2

Я бы использовал переходы CSS3: http://jsfiddle.net/wsZKQ/1/

a{
    -moz-transition:all 0.25s;
    -webkit-transition:all 0.25s;
    transition:all 0.25s;
    color:black;
}
a:hover{
    color:red;
}

Если вы хотите сделать это с помощью jQuery, вам нужен плагин для доступа к :hover -стилям: http://archive.plugins.jquery.com/project/moreSelectors

Я не думаю, что есть способ получить доступ к стилям :hover без плагина.