Ram*_*tra 4 jquery jquery-ui jquery-plugins
我的代码如下:
<div class="header">
<h1>My text</h1>
</div>
<script>
$(function(){
$('h1').textillate({in:{} , out:{effect:'hinge'}});
});
</script>
Run Code Online (Sandbox Code Playgroud)
在这方面,in-animation效果很好,但out-animation不起作用.您可以参考textillate.js jquery插件文档.
不幸的是,输出效果仅作为转换到下一个效果的方式运行.尝试使用空文本作为下一个转换:
// html
<h1 class="tlt">
<ul class="texts">
<li>Some Title</li>
<li> </li>
</ul>
</h1>
// javascript
$('.tlt').textillate();
Run Code Online (Sandbox Code Playgroud)
jsFiddle:http://jsfiddle.net/jschr/y9m3b/
https://github.com/jschr/textillate/issues/5