Question

使用JSFiddle我创建了一个单词逐字显示的代码，然后在整个句子显示后不久消失。我正在尝试将其纳入我的网站，但我不确定如何这样做。我找到一个网站，当你第一次打开它时，它会在页面上显示“类似”的效果，然后在你清除你的cookie之前再也不会再出现。这段代码的目的是显示我的公司口号，因为有人进入我的网站然后慢慢消失显示原始网站。

链接到具有类似效果的网站 http://benjaminkerensa.com/

我的小提琴 https://jsfiddle.net/BeSafer/5g1ov2p3/

这是我的javascript

$(function () {
var string = "Through education, we can all BeSafer                            ";
var dest = $('#fadeIn');
var c = 0;
var i = setInterval(function () {
    if (c >= string.length) {
        clearInterval(i);
        dest.text(string);
    } else {
        $('<span>').text(string[c]).
        appendTo(dest).hide().fadeIn(3500);
        c += 1;
    }
}, 80);

});

setTimeout(function() {
$('#fadeIn').fadeOut('slow');
}, 6000); // <-- time in milliseconds

Answer 1

您可以尝试将div的其余部分包装在div中，并将display属性初始设置为none，然后在您的代码完成后，只需删除该属性，或将其设置为您的喜好和繁荣，那是你的网站。

几秒后消失的网站简介页面

1 个答案: