我正在寻找最简单和更直接的方法来制作某些元素的循环/重复脉动背景。
例如,如果我有一个圆圈:
var filler = {
'fill': 'white',
'stroke': 'white',
'stroke-width': '0'
}
var fillerHover = {
'fill': '#b6def1',
'stroke': '#b6def1',
'stroke-width': '0',
'cursor': 'pointer'
}
circle.hover(function() {
circle.animate(fillerHover, 500);
},
function() {
circle.animate(filler, 500);
}
);
上面的代码运行良好,但是它只为过渡设置一次动画,只要我将鼠标悬停在圆圈上,我就想做一个重复循环。
当我将光标放在从填充到填充悬停的圆圈上时,我想循环背景,直到我带着光标出去。
如何以最简单的方式创建这样的循环?