如何同时为我的两个div的文本设置动画

时间:2017-02-04 14:44:11

标签: javascript html css

我希望两个具有不同文本的单独div同时具有相同的输入动画。我正在使用[iTyped.js] [1]来制作动画。我已经尝试了Object.create,jQuery.extend,JSON.parse(JSON.stringify())来创建两个不同的对象。解决了它。使用了不同的jQuery插件。这是小提琴:https://jsfiddle.net/h3shx2bj/20/

$('#element').typeIt({
     strings: ['This is my string!']
}); 

$('#el').typeIt({
     strings: ['Enter your string here!', 'Another string!'],
     autoStart: false,
     breakLines: false
}); 
<script src="https://cdnjs.cloudflare.com/ajax/libs/typeit/4.3.0/typeit.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<body>

<div><span id='element'></span></div>

<div><span id='el'></span></div>

</body>

0 个答案:

没有答案