Question

也许你可以帮助我。我有一个wordpress.org博客，我试图从这里使用Textillate动画：http://jschr.github.io/textillate/。我下载了所有文件并将它们放到我的服务器上，按照说明进行操作，然后在指令页面上添加了一个标题元素和多个无序列表元素。我将文件添加到我的网页的主题部分，包括动画，最适合，textilliate，刻字和jquery。我无法让它正常工作。

我去了JS Fiddle并将我的所有信息都放在他们的网站上，用于HTML，CSS和JavaScript，并让我在该网站上工作。但是，当我将完全相同的东西复制到我自己的网站时，它不会做动画。现在，我只是想让动画淡出和淡出三个不同的列表项，但它所做的就是一次性显示它们。

JS Fiddle的代码可以在这里找到：http://jsfiddle.net/amandamays/Rvu9N/69/

<div class="black-bar">

     <h2 class="tlt">
        <ul class="texts">
            <li>Stressed out?</li>   
            <li>Deadlines looming?</li>
            <li>Writer's block?</li>
        </ul>
    </h2>
</div>

h2.tlt {
    color: #59bce3;
}

.black-bar {
    color: rgb(255, 255, 255);
    background-color: rgb(68, 68, 68);
    border: .133em solid rgb(68, 68, 68);
    border-radius: .333em;
    max-width: 100%;
    padding: .3em .5em;
    margin-top: .5em;
    margin-bottom: .5em;
    text-align: center;
}

ul {
    list-style: none;   
}

$('.tlt').textillate({ in : {
        effect: 'fadeIn'
    },
    out: {
        effect: 'fadeOut',
        sync: true
    },
    loop: true
});

有什么建议吗？

Amanda Mays

Answer 1

你可以修复它，使用并下载wordpress插件 wp-textillate 。

在管理员后端转到左边的WP Textillate，然后添加所有文本和动画。之后，您可以使用短代码或使用小部件来介绍内容。

我希望能帮助你。

我想在WordPress.org网站上使用Textillate。我无法让它发挥作用

1 个答案: