jQuery CSS 关键帧

Question

尝试用 jQuery 制作一个简单的重复关键帧动画

$(document).ready(function() {
    $('body').mouseover(function() {
        var animateloop = 0;

        $(this).mouseout(function(){
            animateloop++;
        });

        while (animateloop !== 1) {
            $(this).delay(40).css(
                'font-family':'Homestead'
            ).delay(40).css(
                'font-family':'Arvo'
            );
        }
    });
});

我认为上面的代码可以工作，但我不太了解 jQuery，所以我不能让它工作。

你可以在这里看到一个 JSFIDDLE:

http://jsfiddle.net/JamesKyle/nPVxb/

Answer 1

首先是一个错误:

$(this).delay(40).css(
   'font-family':'Homestead'
)

冒号:

$(this).delay(40).css(
   'font-family','Homestead'
)