如果您不需要jQuery UI的开销,我最近使用编写了一个递归解决方案.animate()
。您可以根据需要自定义延迟和颜色。
function doBlink(id, count) {
$(id).animate({ backgroundColor: "#fee3ea" }, {
duration: 100,
complete: function() {
$(id).delay(100).animate({ backgroundColor: "#ffffff" }, {
duration: 100,
complete: function() {
if(count > 1) {
doBlink(id, --count);
}
}
});
}
});
}
当然,您需要使用颜色插件才能backgroundColor
使用.animate()
。
https://github.com/jquery/jquery-color
为了提供一些背景信息,这就是我所说的。我需要将页面滚动到目标div,然后使其闪烁。
$(window).load(function(){
$('html,body').animate({
scrollTop: $(scrollToId).offset().top - 50
}, {
duration: 400,
complete: function() { doBlink(scrollToId, 5); }
});
});