Metin slayt gösterisi efektli

Question

Metin slayt gösterisi ile ilgili bir sorunum var. Bunu div'in sol tarafına kaydırıp yeni metin slaytını sağ taraftan yapmak istiyorum. Burada bulduğum birkaç örneği denedim, ama hiçbir şey işe yaramadı, çünkü bu, temel olarak sayfanın görüntüsünü kırdı. slayt efekti yapmak için nasıl

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

Herhangi bir fikir: Bu benim kurulum nedir?

Answer 1

Bunu yapmanın en kolay yolu aşağıdaki gibi Daha sonra javascript yazabilirsiniz bir seçim çerçevesi

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

kullanarak olurdu. (Bu durumda span)

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

hatta tek tek öğeleri verebilir tarzı

.marquee span{ 
    margin:10px; 
}