使用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

回答

相關問題