FadeIn段落中的某些文本和其他文本Jquery

Question

我有一个段落

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

现在我只希望文本'stack over flow'fadeIn在页面加载时使用一些css样式而不是fade在其余文本中。

那么怎么做呢。请帮忙。

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');
});