1. ev
  2. Soru-cevap
  3. Metni dairesel olarak sayfa üzerinde taşıma

Metni dairesel olarak sayfa üzerinde taşıma

2012-10-30 21 views
7

Ekranın sol tarafındaki metni ekranın sağ tarafına taşımak için gereken web sayfasını tasarlıyorum. <marquee> etiketi ile denedim. Herhangi bir hata olmadan çalışıyor.Metni dairesel olarak sayfa üzerinde taşıma

Gereksinim, metnin web sayfasının sağ tarafındaki metnin kaybolmasıyla ilgili olduğunda sayfanın solundan çıkmaya başlamalıdır. Tüm metnin kaybolacağını ve sol taraftan başlamasını beklememelidir.

Şu ana kadar sadece <html> numaralı telefonu kullanarak yapıyorum. Lütfen başka yollar da öner.

kaynak

2012-10-30 Prathamesh

+0

@Whoever, yakınına oy verdi. OP'in bunu geliştirebilmesinin neden gerçek bir soru olmadığını düşündüğünüzü açıklar mısınız? –

+0

Kimin kapandığını bilmiyor ama '' standart olmayan bir etikettir. W3C tarafından onaylanmamıştır ve herhangi bir HTML belgesinde kullanılması tavsiye edilmez. – Andy

+2

[Javascript Seçim Çerçevesinin etiketlerini değiştirmek için olası kopyası] (http://stackoverflow.com/questions/337330/javascript-marquee-to-replace-marquee-tags) – Alohci

cevap

3

Bu JavaScript kullanarak mümkündür:

metin iki kopyasını kabın genişliğine ayrılmış kaydırılan yazıldı. (Soldaki kopya görünür) ile (sağdaki görünür kopya) arasında animasyon uygulayın, ardından geriye atlayın ve tekrarlayın. (JQuery kullanarak denenmemiş,) çizgisinde

şey:

<div class="outer"> 
    <div class="inner"> 
    some text 
    </div> 
</div>

css:

.outer, .inner { 
    width: 100%; 
} 
.outer { 
    position: relative; 
    overflow: hidden; 
} 
.inner { 
    position: absolute; 
}

js: Metin görünmeye başlayacak gerektiğini

(function rerun(){ 
    var time = 10000 //ms 

    $(".inner").slice(0,-1).remove() 
    $i1=$(".inner") 
    $i2=$i1.clone() 

    $i1.css({left:0}).animate({left:"-100%"}, time) 
    $i2.insertAfter($i1).css({left:"100%"}).animate({left:0}, time, rerun) 
})()

Bu şekilde Sağ taraf, sağ tarafta kaybolmaya başlar başlamaz. Farklı bir etki elde etmek için göreceli genişlikleri değiştirin.

kaynak

2012-10-30 15:36:13

+0

Bu şey çok hızlı uçuyor ve sayfa için kaydırma çubuğu sürekli kullanarak deliriyor =/ – Maslow

+0

@ "Taşma: gizli" ile sabitlenen kaydırma çubuğu çubuğu; kabul edilebilir, 600 milisaniye varsayılan kaydırma süresi de biraz fazla kısa oldu. Fark ettiğin için teşekkürler –

İlgili konular

 İlgili konular