JQuery эквивалент для CSS3 перехода легкость в

Question

Я хочу, чтобы сделать версию JQuery этого CSS3 эффект, так что он также работает в ФФ и т:

a:hover {color: #354250; -webkit-transition:background 500ms ease-in;} 
    a.more:hover, a.more:focus, a.more:active {background-position: 0 -18px;} 
    a.more:link, a.more:visited { 
    background: url(images/moreButton.png) no-repeat 0 0; 
    display: inline-block; 
    height:18px; 
    margin-top:10px; 
    text-indent: -9999px; 
    width:77px; 
} 

Мои попытки не получилось, вот что я ' до сих пор.

$("a.more").hover(function() { 
    $(this).stop().animate({ color: '#354250', backgroundPosition: '0px -18px' }, slow, function() { 
     $(this).stop().animate({ color: '#ad5332', backgroundPosition: '0px 0px'}, 0); 
    }); 
}, function() { 
    $(this).stop().animate({ color: '#ad5332', backgroundPosition: '0px 0px' }, 0); 
}); 

У вас есть идеи, как исправить это? Большое спасибо!

Answer 1

Попробуйте this, он имеет отличные встроенные функции от jQuery Ui.

Answer 2

Вот ослабление плагин для Jquery:

http://gsgd.co.uk/sandbox/jquery/easing/#example

Чтобы анимировать свойства фона, вам нужно CSS hooks --check this, чтобы прочитать о них.