Question

在其documentation上操纵每个字母，提到使用CSS，我试图用jQuery animate()函数来定位一个特定的字母，但遗憾的是看不到我的期望。在这种情况下是否可以使用jQuery？

默认script

<h1 class="fancy_title">AWESOME</h1>

 <script>
     $(document).ready(function(){
        $(".fancy_title").lettering();
     });
</script>

我在尝试什么......

$(document).ready(function(){
    $('.char1').hide(1000).show(1000)
    .animate({left: '400', opacity: 0.5}, 3000)
    .animate({left: '-400', opacity: 1}, 300); 
});

Answer 1

将所有JS代码放入文档中，如下所示：

$(document).ready(function(){
    $(".fancy_title").lettering();
    $('.char1').hide(1000).show(1000)
    .animate({left: '400', opacity: 0.5}, 3000)
    .animate({left: '-400', opacity: 1}, 300); 
});

删除此部分：

<script>
     $(document).ready(function(){
        $(".fancy_title").lettering();
     });
</script>

Jsfiddle

检查您的html

中是否包含脚本“lettering.js”

使用jQuery animate（）for lettering.js插件

1 个答案: