Могу ли я анимировать свойства CSS? Фоновое изображение особенно - PullRequest
Новая
       14

Могу ли я анимировать свойства CSS? Фоновое изображение особенно

0 голосов
/ 03 мая 2010

Я знаю, что могу добавлять и выводить элементы и элементы, но могу ли я также анимировать свойства? Я думал об этом только сейчас, когда менял свойство background-image определенного div. И подумал, что было бы здорово, если бы фоновое изображение тоже исчезло;)

Вот код, который я использую для замены фонового изображения. Но можно ли это анимировать? 

var originalBG = $('#wrapper').css('background-image');
$('.bggallery_images img').hover(function () {
    var newBG = "url('" + $(this).attr('src');

    $('#wrapper').css('background-image', newBG);
}, function () {
    $('#wrapper').css('background-image', originalBG);
});

Ответы [ 2 ]

2 голосов
/ 03 мая 2010

jQuery имеет метод animate () , который делает именно это.

Ознакомьтесь с примерами в руководстве, они должны показать вам все, что вам нужно.

1 голос
/ 03 мая 2010

JQuery UI - это плагин, который расширяет функцию анимации до анимации цвета, если вы хотите сделать это с фоном.По сути, если JQuery этого не делает, скорее всего, есть библиотека, которая расширяет его, чтобы иметь эту функциональность.

...