jquery - 如何在 JQuery 和/或 CSS 中创建水平文本 slider ？

Question

我正在尝试创建一个文本 slider 以在 4 个不同的句子之间滑动。我无法让它工作，事实上，我根本无法让代码运行。我需要重新开始，但我不知道如何创建一个可以在句子之间切换的句子。

非常感谢任何关于使用 CSS3 或 jQuery 创建一个的帮助，因为我真的没有偏好。

Answer 1

只需设置容器(在此示例中使用 span):

<div id="parent_container">
    <span>Sentence once</span>
    <span>Sentence two</span>
    <span>Sentence three</span>
    <span>Sentence four</span>
</div>

现在在您的 CSS 中，将它们设置为并排放置，最好将跨度宽度设置为 parent_container 的宽度。

在 jQuery 中，您现在可以，hide()和 show()每个人<span>必要时，或 animate() 跨度之间的过渡。根据你的问题，听起来你想要 animate() 与幻灯片。