Справка по анимации jquery - PullRequest
Новая
       16

Справка по анимации jquery

0 голосов
/ 04 марта 2011

У меня есть два круга, один маленький (большой палец), другой большой (информация), и когда пользователь наводит курсор на маленький (большой палец), маленький значок должен измениться на большой. Мне также нужно показать новую информацию в большом. Я думаю, что я должен сделать это с помощью анимации ширины и высоты, потому что small - это 100px X 100px, а big - 200 X 200.

Пожалуйста, совет, как лучше всего это сделать. Я хотел бы избежать использования плагинов.

1 Ответ

0 голосов
/ 04 марта 2011

с помощью jquery 1.4.2 или выше, вы можете достичь этого с помощью: 

$(".smallCircle").hover(
function () {
    $(this).animate({
        width: '200px',
        height: '200px'
    }, 200, function() {
        // Animation complete.
        //do whatever
  });
}, 
function () {
    $(this).animate({
    width: '100px',
    height: '100px'
  }, 200, function() {
    // Animation complete.
    //do whatever
  });   
});

поместите класс smallCircle в маленький кружок.

P.S. в каждом состоянии наведения вы можете контролировать то, что происходит после анимации (место, где я помещаю «// делать что угодно»), это место, где вы можете вставить содержимое большого цикла.

...