javascript kayma efekti

27-01-2019, 18:40:30

Merhabalar cs:go oynayanlar varsa genelde bilirler, üst tarafta son açılan kutular diye bir bölüm vardır ve orası habire hareketlidir kutular sola doğru geçerler ve kaybolurlar arkadan diğer kutular gelir.

İlgimi çekti ve yapmayı denemeye karar verdim. Ne kadar araştırsam ne kadar bulmaya çalışsamda bu konu hakkında hiçbir bilgiye sahip olamadım.

Javascript ile böyle bir bölüm nasıl yapabilirim yardımcı olurmusunuz, şimdiden teşekkürler...

27-01-2019, 18:56:27

#2

caylakgirisimci

jquery ile daha kolay olur muhtemelen ama jquery bilmiyorum.

<div>
  <div id="msg">HELLO</div>
</div>

<script>
let x = document.body.clientWidth;
  
setInterval(()=>{
    document.getElementById('msg').setAttribute('style','position:relative;left:'+x+'px;');
    x-=10;
    if(x<=0)
      x=document.body.clientWidth;
},100
);
 
</script>

27-01-2019, 21:57:52

#3

RomeroX

caylakgirisimci adlı üyeden alıntı: mesajı görüntüle

jquery ile daha kolay olur muhtemelen ama jquery bilmiyorum.

<div>
  <div id="msg">HELLO</div>
</div>

<script>
let x = document.body.clientWidth;
  
setInterval(()=>{
    document.getElementById('msg').setAttribute('style','position:relative;left:'+x+'px;');
    x-=10;
    if(x<=0)
      x=document.body.clientWidth;
},100
);
 
</script>

teşekkürler hocam ancak veritabanından çektiğim verilerle bu hello yazısından birden fazla yapmak istiyorum onu nasıl yapabilirim?