如何在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()和每一個人<span>必要show()，或animate()跨度之間的過渡。根據你的問題，這聽起來像你想要一張幻燈片animate()。