Question

我正在使用插件jQuery textillate.js（https://github.com/jschr/textillate）来动画一些文本。它很棒，但在动画之前文本是可见的。我试图在How do i hide content before calling a jquery text effect plugin?

找到解决方案

但它似乎不起作用。

CSS：

.hide-text {
visibility:hidden;}

JS：

$(function () {
$('.hide-text').textillate({
    selector: '.texts',
    loop: false,
    initialDelay: 3000,
        in: {
            effect: 'fadeInDown',
            sync: true,
        },
    autoStart: true,
});

HTML

<h1 class="hide-text texts">Lorem ipsum dolor sit amet</h1>

Answer 1

您的（稍加修改）代码似乎有效：

http://jsfiddle.net/jschr/7KJkM/

.hide-text {
 visibility:hidden;
}

$('.texts').textillate({
    loop: false,
    initialDelay: 3000,
    in: {
        effect: 'fadeInDown',
        sync: true,
    }
});

必须继续进行其他操作才能使文本不被隐藏。另一个css规则是否会覆盖隐藏文本规则？

jQuery textillate.js，在动画之前隐藏文本。解决方案不起作用

1 个答案: