無法讓Textillate插件正常工作

使用Textillate Plugin，我試圖重新創建簡單的demo ...但是，我不知道爲什麼我無法獲得效果工作的「OUT」部分。我希望文字塊從左邊淡入並淡出到右邊。但我吮吸，沒有任何我嘗試似乎工作。如果有人使用過這個插件，也許有人可以指引我正確的方向。謝謝！無法讓Textillate插件正常工作

注意：當我將效果添加到「out」或「in」時，該插件根本無法使用。

<div class="tlt"> 
    <ul class="texts"> 
     <li>Hello World!</li> 
     <li>I hate you</li> 
    </ul> 
</div> 

$('.tlt').textillate({ 
     in: { 
      shuffle: false, 
      sync: true 
     }, 
     out: { 
      effect: 'FadeOutRightBig', 
      shuffle: false, 
      sync: true 
     } 
});

來源

2013-07-23 jfrosty

效果名稱是區分大小寫的，因爲它們對應於animate.css定義一個特定的類。

將FadeOutRightBig更改爲fadeOutRightBig。

$('.tlt').textillate({ 
    in: { 
     shuffle: false, 
     sync: true 
    }, 
    out: { 
     effect: 'fadeOutRightBig', 
     shuffle: false, 
     sync: true 
    }, 
    loop: true 
});

http://jsfiddle.net/jschr/vzsUd/

來源

2013-07-24 13:54:05 jschr

謝謝你清理那個。把我的頭髮拉出來。謝謝。 – jfrosty

它的工作fine.try此：

<html> 
<head> 
<link href="animate.css" rel="stylesheet" type="text/css" /> 
<script src="jquery.min.js"></script> 

<script src="jquery.lettering.js"></script> 
<script src="jquery.textillate.js"></script> 
<script> 
$(document).ready(function(){ 
    $('.tlt').textillate({ 
     in: { 
      shuffle: false, 
      sync: true 
     }, 
     out: { 
      effect: 'FadeOutRightBig', 
      shuffle: false, 
      sync: true 
     } 
}); 

    }) 
</script> 
</head> 
<body> 
<div class="tlt"> 
    <ul class="texts"> 
     <li>Hello World!</li> 
     <li>I hate you</li> 
    </ul> 
</div> 
</body> 
</html>

來源

2013-07-23 19:32:11

呀，它沒有工作。「In」工作正常，但「OUT」完全不起作用。 – jfrosty

我說你工作正確。進入或退出。 –

你用firefox檢查過嗎？ –

無法讓Textillate插件正常工作

回答

相關問題