Question

这是我第一次使用jQuery，我正在上网，但从未在网站上使用它。

我的目标是在主页上有＃34;你好＆＃34;首先出现2秒，然后逐渐淡出，让你的伴侣在数字＆＃34;淡入并永久保持。

我已经在这里玩了一些相关的connundrums想法，并且我已经接近了。但我的结构似乎错了，因为： 1）两件事情首先出现，然后＆＃34;你好那里＆＃34;开始褪色然后＆＃34;你的伴侣被提升了＃34; - 我想要＃34;你好＆＃34;快速出现然后逐渐消失 2）我想要＆＃34;你的数字合作伙伴＆＃34;一旦出现就永不消失

＆＃13;

    jQuery(document).ready(function(){
        $(".hellothere").fadeOut(4500,function(){
            $(".partner").fadeIn(10000, function(){
                $(".partner").fadeOut(4500);
            });
        });
    });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h1 class="hellothere"><span class="font-168856 font-444086" style="font-size: 65px; text-transform: uppercase;">Hello there.</span></h1>
    <h1 class="partner"><span class="font-168856 font-444086" style="font-size: 65px; text-transform: uppercase;">Your partner in digital.</span></h1>

＆＃13;

当我删除它时：

function(){
                $(".partner").fadeOut(4500);

它打破了整个事情（试图让它停止淡出）。

这里有什么提示吗？非常感谢。

Answer 1

默认情况下，必须隐藏第二段文字。这可以用CSS类完成。

然后，一旦淡入$user = Get-ChildItem $lastImage.FullName | select @{Name='Owner';E= {(($_.GetAccessControl().Owner.Split('\'))[1])}}文本，就不要淡出它。因此，应该消除最内层的影响。你是在正确的轨道上，但看起来你忘记删除与fadeOut函数一起使用的.partner，这导致语法错误。

此外，在这种情况下，您的}元素中不需要嵌入span元素，因为整个文本位于h1且span是唯一的span中的内容。

最后（FYI）当类允许更简单的样式重复并且在HTML中创建更少的混乱时，不使用内联样式。

h1

jQuery(document).ready(function(){
  $(".hellothere").fadeOut(2000,function(){
    $(".partner").fadeIn(10000);
  });
});

.partner {
  display:none;
}

.fontStuff {
  font-size: 65px; 
  text-transform: uppercase;
}

Answer 2

我稍微简化了你的代码，因此只有1个标题标记，内部html在淡出后被替换，然后淡入。

＆＃13;

jQuery(document).ready(function() {
  $(".welcomeHeader").fadeOut(4500, function() {
    $(".welcomeHeader span").text("Your partner in digital.");
    $(".welcomeHeader").fadeIn(4500);
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h1 class="welcomeHeader">
  <span class="font-168856 font-444086" style="font-size: 65px; text-transform: uppercase;">Hello there.</span>
</h1>

＆＃13;

jQuery淡入/淡出文本，然后淡入新文本

2 个答案: