Javascript jquery中的文本幻灯片放映

基本上，我正在尝试制作一个幻灯片，其中只有两个文本元素，一个是联系人号码，另一个是电子邮件id，在连续运行时必须更改。没有像onclick或onfocus这样的事件，这些元素应该垂直移动，而不是水平移动

---

帮助。

可能已经有了一个jQuery插件，它可以完全满足您的需求，但这里有一个简单的概念，我想了一下，您只需几行就可以实现

将要滑动的内容作为div元素放在容器div中。将容器的高度设置为子div的高度，并隐藏溢出，以便仅显示第一个子div；向上滑动第一个子对象以隐藏它，并自动将下一个子对象带入视图；将第一个子对象移动到容器底部，使其再次可见，尽管它实际上还不可见，因为它隐藏在容器底部的下面；永远重复

不管你放了多少子div，因为代码只对当前的第一个做任何事情，所以我在这里只显示了联系人和电子邮件，但在我的代码中，我添加了一些额外的内容

<div id="slideContainer">
    <div>Contact No: 555-666-7777</div>
    <div>Email: me@me.com</div>
</div>

<script>
$(function() {
    $("#slideContainer").css({
        "height" : $("#slideContainer div:first").css("height"),
        "overflow" : "hidden"
    });

    function slide() {
        $("#slideContainer div:first").slideUp(800, function() {
            var $this = $(this);
            $this.parent().append(this);
            $this.show();
            slide();
        });
    }
    slide();  
});
</script>

演示：

---

当我读到你的问题时，我再次想到了这一点，但毫无疑问，你可以使用和/或JavaScript的setTimeout或setInterval方法来做类似的事情。

你尝试过什么？你能发布你的代码吗？我尝试过使用onclick event的JS，但我不想在MouseOver或focus上完成这些活动。是否有任何要求，比如你需要显示body onload？