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()