使用CSS和jQuery

我有我的文字动画，当你将鼠标悬停他们的图像。

但我想申请对这些文本（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) 
});

来源

2017-02-28 user3870112

看看这个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(); 
});

，它将调用初始页面加载的功能。

您可能需要玩的东西一点点地得到您的具体需要的效果。

来源

2017-02-28 13:30:40 maxshuty

谢谢maxshuty！问题在于几秒钟后出现字母的“反弹效应”，在此之前，您会在整个句子中产生反弹效果。我怎样才能禁用这个第一次反弹效果？我只想在字母上使用这个效果 – user3870112

使用CSS和jQuery

回答

相关问题