javascript - 具有心跳效果的jquery调整图像大小

Question

你好，想做一个有心跳效果的图片。它必须稍微调整一下大小，比方说最多大 20 像素，然后恢复到原始大小。就像心跳一样，2 次心跳 - 原创，2 次心跳 - 原创。

到目前为止我只发现了这个效果:

    (function pulse(back) {
    $('#seventyfive').animate(
        {
            'font-size': (back) ? '100px' : '140px',
            opacity: (back) ? 1 : 0.5
        }, 700, function(){pulse(!back)});
})(false);

或者您可以在这里查看:JSFiddle

Answer 1

这样就可以了

(function pulse(back) {
$('#seventyfive img').animate(
    {
        width: (back) ? $('#seventyfive img').width() + 20 : $('#seventyfive img').width() - 20            
    }, 700);
$('#seventyfive').animate(
    {          
        'font-size': (back) ? '100px' : '140px',
        opacity: (back) ? 1 : 0.5
    }, 700, function(){pulse(!back)});
})(false);