効果があるテキストスライドショー

Question

テキストスライドショーに問題があります。 divの左側にスライドさせて、新しいテキストを右側からスライドさせたいと思います。私はここで見つけたいくつかの例を試しましたが、基本的にページの外観を壊したものを除いて、何も機能しませんでした。これは私の設定です：

<div> 
    <p id="textslide"></p> 
</div> 

var quotes = [ "Q1", "Q2", "Q3", "Q4" ]; 
var i = 0; 
setInterval(function() { 
    $("#textslide").html(quotes[i]); 
    if (i == quotes.length) { 
     i = 0; 
    } else { 
     i++; 
    } 
}, 10 * 700); 

スライド効果を作成する方法上の任意のアイデア？

Answer 1

これを実行する最も簡単な方法は、次のように、その後、ジャバスクリプトを書くことができますマーキー

<marquee class='marquee'></marquee> 

を使用することでしょう。 （この場合はspan）

var quotes = ["Q1", "Q2", "Q3", "Q4"]; 
$.each(quotes, function(i, j) { 
    $("marquee.marquee").append('<span>'+j+'</span>') 
}) 

あなたも、個々の要素を与えることができますスタイル

.marquee span{ 
    margin:10px; 
}