Эквивалент jquery для облегчения перехода css3 - PullRequest
Новая
       5

Эквивалент jquery для облегчения перехода css3

0 голосов
/ 08 февраля 2011

Я хочу сделать jquery-версию этого эффекта css3, чтобы он также работал в ff, а именно: 

  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);
});

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

Ответы [ 2 ]

1 голос
/ 08 февраля 2011

Попробуйте это , у него есть отличные встроенные функции из jQuery Ui.

0 голосов
/ 08 февраля 2011

Вот плагин замедления для Jquery:

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

Чтобы анимировать свойства фона, вам нужно CSS-хуки - отметьте this , чтобы узнать больше о них.

...