也许你能帮助我。 我有一个wordpress.org博客,我试图用从这里Textillate动画: http://jschr.github.io/textillate/ 。 我下载的所有文件,并把他们到我的服务器,后面的指示,因为它说的指示页面上添加了一个头元素和多个无序列表元素。 我添加的文件到我的网页,包括动画,优胜劣汰,textilliate,刻字,和jQuery的头部。 我不能让它的工作权利。
我去JS小提琴,并把他们的网站上的HTML,CSS我所有的信息和JavaScript,我得到它的工作在该网站上。 但是,当我复制同样的事情在进入自己的网站,它不会做动画。 现在,我只是试图让动画以淡入淡出三种不同的列表项,但它所做的只是让他们一下子之一。
在JS小提琴的代码可以在这里找到: 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
});
有什么建议么?
阿曼达·梅斯