无法让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插件正常工作

回答

相关问题