Menü

marquee problemi facebook paylaş marquee problemi twitter paylaş marquee problemi google plus paylaş marquee problemi linkedin paylaş
22.09.08
P.tesi


marquee problemi


Çeşitli browserlarda < marquee > komutu çalışmaz. Örneğin internet explorerda çalışıtken firefox da hiçbirşey göremezsiniz. Bunun önüne geçmenin iki yolu var.

1. <marquee> kodunuzu şu şekilde değiştirin

<marquee direction="left" loop="true" scrollamount="2" width="100px" height="100px">

Kayacak bölüm

</marquee>

2. W3 standartlarına göre düzenleyin

Bunda ise şöyle bir yol izlemelisin. Bu yöntem CSS aşıkları olarak bizim hoşumuza gider :)

<div style="border: 5px solid #444; padding: 2px; background: #fff; width: 530px; height: 23px; font: 18px Arial, Helvetica, sans-serif; color: #f13535; overflow: hidden; letter-spacing: -1px;">
      <div id="marquee" style="margin-top: 0px;" yukseklik="69" satir="23">
      
Denem yazı
      </div>
</div>

Kod Bölümü :

<script>
   var hiz = 120 // buraya hız değeri giriliyor
   nesne = document.getElementById("marquee")
   var minimum = parseInt(nesne.getAttribute("yukseklik")) - parseInt(nesne.getAttribute("yukseklik"))
   - parseInt(nesne.getAttribute("yukseklik"))
   nesne.style.marginTop = parseInt(nesne.getAttribute("satir")) + "px"
   function kaydir()
   {
   nesne.style.marginTop = (getElementPosition() - 1) + "px"
   if(getElementPosition() < minimum)nesne.style.marginTop = parseInt(nesne.getAttribute("satir")) + "px"
   } 
  
   setInterval("kaydir()", hiz)
  
   function getElementPosition()
   {
   position = parseInt(nesne.style.marginTop.match(/[-\d]+/))
   return position;
   }
   </script>

 

Kolay gelsin





[ YORUM YAZ ] [ YAZDIR ]
Anahtar kelimeler: