Ç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
