Javascript 具有FadeIn效果的HTML中的XML

我目前正在制作一个横幅，上面有不同语言的不同文本。横幅必须是HTML（+CSS）和JS/jQuery。我考虑使用XML作为多语言部分

以下是我的html（部分）：

}))

到目前为止效果很好。它在正确的容器中显示正确的短语

但是我想使用jquery.textillate.js库（）中的“fadeInUp”等效果

如果我在标签中有一个文本，它们工作得很好：

<h1 id="title" class="tlt" data-in-effect="fadeInLeft">Test</h1>

但是，由于我公司中只有基本html技能的其他人也应该处理文件，所以我更喜欢另一种解决方案

或者有人知道另一个淡入效果库吗

编辑：

我的解决方案（添加JQuery XML解析）：

你可以试试使用。以前动态填充页面时，它对我很有用。您只需要在页面加载之前隐藏该元素。因此，一个简单的方法可能是将元素不透明度设置为0，然后使用setTimeout函数，然后将您想要的类添加到元素中。例如：

setTimeout(function(){
$('foo').addClass(animate fadeIn);
},100);

---

嗨，我试过了，但没用。它完美地添加了类，但仍然没有效果。实际上，我使用了相同的animate.css，jquery.textillate.js只允许添加另一个标记来保持概述。

<h1 id="title" class="tlt" data-in-effect="fadeInLeft">Test</h1>

document.write

$("#" + id).html(text).hide().fadeIn(1000)

setTimeout(function(){
$('foo').addClass(animate fadeIn);
},100);