这是我的JSFIDDLE
当您将图像悬停时，我的文字上有动画。
但我想对这些文本（h1）应用更多效果。
我在我的 JSFIDDLE 上向您展示了一个带有“我想要的”文本的示例（您必须重新加载页面才能看到效果）
我想将文本“我想要什么”的效果应用到其他 h1 文本上。 （01-一、02-二、03-三）
但它不起作用。
JQUERY：
$('h1').lettering();
$('h1').children().each(function(i){
var letter = $(this);
setTimeout(function(){
//alert('yo');
letter.addClass('fadeBounceIn')
}, i*50)
});
【问题讨论】：
标签： javascript jquery html css animation
看看我做的这个jsFiddle。我认为它非常接近您想要做的事情。
问题是你的文字bounce-in效果只在页面加载时出现一次。所以你所有的h1 的动画都很好，但是当你滚动时它们不再动画了。
我只是简单地把那段代码放入一个函数中，如下所示：
var lettering = function() {
$('h1').lettering();
$('h1').children().each(function(i){
var letter = $(this);
setTimeout(function(){
//alert('yo');
letter.addClass('fadeBounceIn')
}, i*50)
});
}
然后在你的滚动函数中，我简单地添加了对我创建的lettering() 函数的调用。
最后，我假设您仍然希望它在页面加载时发生，所以我简单地添加了这个：
$(document).ready(function() {
lettering();
});
它将在初始页面加载时调用该函数。
您可能需要稍微尝试一下才能获得您想要的特定效果。
【讨论】：