Jquery textillate.js中的Out动画不起作用
我的代码如下:Jquery textillate.js中的Out动画不起作用,jquery,jquery-ui,jquery-plugins,Jquery,Jquery Ui,Jquery Plugins,我的代码如下: <div class="header"> <h1>My text</h1> </div> <script> $(function(){ $('h1').textillate({in:{} , out:{effect:'hinge'}}); }); </script> 我的文字 $(函数(){ $('h1').textillate({in:{},out:{effect:'hinge'}); });
<div class="header">
<h1>My text</h1>
</div>
<script>
$(function(){
$('h1').textillate({in:{} , out:{effect:'hinge'}});
});
</script>
我的文字
$(函数(){
$('h1').textillate({in:{},out:{effect:'hinge'});
});
在这种情况下,
In动画
工作正常,而out动画
不工作。您可以参考。伟大的插件!如果不使用loop:true
选项,我无法让其产生以下效果:
$(function () {
$('h1').textillate({ in : {
effect: 'fadeInLeftBig'
},
out: {
effect: 'hinge'
},
loop: true
});
});
工作小提琴:输出效果仅作为过渡到下一个输入效果的方式运行。尝试将空文本用作下一个转换:
// html
<h1 class="tlt">
<ul class="texts">
<li>Some Title</li>
<li> </li>
</ul>
</h1>
// javascript
$('.tlt').textillate();
//html
- 一些标题
//javascript
$('.tlt').textillate();
jsFiddle:
这是一个应该修复的缺陷,但是回调允许任何可能的事情发生,所以我用它做了一些非常酷的事情。我这样解决了这个问题
$('.intro_1').textillate({
loop: true,
in:{
effect: 'rollIn'
},
out: {
effect: 'rollOut',
callback: function ()
{
$('.intro_1').hide();
}
}
});
在in参数的回调函数上使用$element.textillate('out'),将textilate('out')添加到回调函数中对我有效
此代码在“淡出”效果之后执行“淡出”效果
$('.myclass').textillate({
loop: false,
in : {
effect: 'fadeIn',
callback: function() {
$('.myclass').textillate('out');
}
},
out: {
effect: 'fadeOut',
}
});
谢谢你的回答,但是你能找到任何解决方案让我们的动画在不循环的情况下工作吗????