-2

这是我的代码：

<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
</head>
<body>
<h1>Hello world!</h1>
<p>Here is a message: <span id="message"></span></p>
</body>
</html>

​</p> 

function nextMsg() {
    if (messages.length == 0) {
        document.write("Done");
    } else {
        $('#message').html(messages.pop()).fadeIn(500).delay(100).fadeOut(500, nextMsg);
    }
};

var messages = [
    "Hello!",
    "This is a website!",
].reverse();

$('#message').hide();
nextMsg();
​

javascript 简单地运行给定的文本字符串，完成后运行document.write("Done");

请注意，在 Hello! 之后，这是一个网站！显示时，document.write("Done");功能显示在一个单独的页面中删除所有的 HTML。

出现 Hello 和 Website 文本后如何显示永久文本..？感谢所有的帮助！

4

1 回答 1

0

我会这样做：

<h1>Hello world!</h1>
<p>Here is a message:</p>
<p id="message"></p>​

这是window.onloadjsFiddle 处理的一个块：

var messages = ["Hello!","This is a website!"];

(function nextMsg() {
    $('#message')
        .fadeIn(1500)
        .delay(500)
        .fadeOut(1500, !messages.length || nextMsg)
        .html(messages.shift() || 'Done');
})();​

http://jsfiddle.net/userdude/5s8y3/100/

于 2012-12-31T20:44:34.310 回答