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

Question

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

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

Answer 1

只需为容器设置（在此示例中使用跨度）：

<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()使用幻灯片。