jquery - 淡入段落中的某些文本而不是其他文本 Jquery

Question

我有一段

<p>This is stack over flow. This is a programming website</p>

现在，我只希望页面加载时的文本“堆栈溢出”fadeIn 带有一些 css 样式，而不是 fadeIn 其余文本。

那么如何做到这一点。请帮忙。

Answer 1

尝试这个：

<p><span class="2nd">This is </span><span class="1st">stack over flow</span><span class="2nd">. This is a programming website</span></p>

并使用这个 jquery：

<script type="text/javascript">
    $(document).ready(function () {

        $("span").fadeOut(1);

        $(".2nd").fadeIn(3000);

        $(".1st").fadeIn(1000);

    });
</script>

我希望这有帮助，是的，请标记，否则请告诉我。

Answer 2

您必须将您的字符串与类分开并使用 fadein() 回调。像这样的东西应该工作：

HTML：

<span class="andThen">This is </span><span class="firstAppears">stack over flow.</span> <span id="andThen">This is a programming website</span>

JS：

$(".firstAppears").fadeIn('slow', function() {
     // first animation complete
     $(".andThen").fadeIn('slow');
});