文章/答案/技术大牛

发布

社区首页 >问答首页 >文本JQuery动画不是选定的动画(而且始终是相同的)

问文本JQuery动画不是选定的动画(而且始终是相同的)
EN

Stack Overflow用户

提问于 2020-07-21 14:25:02

回答 1查看 131关注 0票数 0

我使用textillate.js将动画添加到文本中。我的html页面如下所示

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Textillate</title>
    <link rel="stylesheet" href="animate.min.css">

    <script src="jquery-3.5.1.min.js"></script>
    <script src="jquery.lettering.js"></script>
    <script src="jquery.textillate.js"></script>
</head>
<body>
    <div class="tlt">
        Hello world
    </div>

    
    <script>
        $('.tlt').textillate({ in: { effect: 'bounceInDown' } });
    </script>
</body>
</html>

其中包含的脚本和css摘自以下链接：

问题是，无论我在effect对象中设置了什么，结果总是默认的文本动画:字符从左到右依次出现，我可以控制出现字母的顺序(例如设置shuffle: true等.)，但不能控制动画类型。

这是文本文本在他的github页面上提供的示例代码，所以我不知道问题在哪里。

javascript

jquery

animation

jquery-textillate

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-07-21 15:12:31

我认为这个问题与animate.css引用有关，我会更改它并使其工作。希望能帮上忙。

    $('.tlt').textillate({ in: { effect: 'flipInY' } });

    $('.tlt2').textillate({ in: { effect: 'rollIn' } });

    $('.tlt3').textillate({"loop":true,"in":{"effect":"fadeInDownBig","shuffle":false,"reverse":false,"sync":false},"out":{"effect":"hinge","shuffle":true,"reverse":false,"sync":false}});

<link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.compat.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lettering.js/0.6.1/jquery.lettering.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/textillate/0.4.0/jquery.textillate.js"></script>

<div class="tlt">
        Hello world
</div>


<div class="tlt2" >
        Hello world
</div>


<div class="tlt3" >
        Hello world
</div>

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/63016717

复制

相似问题

问文本JQuery动画不是选定的动画(而且始终是相同的)
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问文本JQuery动画不是选定的动画(而且始终是相同的)EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问文本JQuery动画不是选定的动画(而且始终是相同的)
EN