HTML KAYAN YAZI VE Marguee KULLANIMI

Birşeyi kaydırmak için gerekli kodumuz:<marquee></marquee> şeklindedir. Örneğin WEBCEBİR.COM yazısını HTML sayfada kaydırmak için <marquee>WEBCEBİR.COM</marquee> komutunu kullanırız.

ÇIKTI:

Soldan sağa Kayan Yazı

<marquee direction=right>WEBCEBİR.COM</marquee>

Sağdan sola Kayan Yazı

<marquee>WEBCEBİR.COM</marquee>

Sağdan Sola ve Soldan Sağa çarpan Yazı

Yazımızı istersek sağa sola çarptırabiliriz. Bunun için behavior="alternate" kullanacağız. Bu kodumuz sağa sola çarptırmak için gerekli olan koddur.

<marquee behavior=alternate>WEBCEBİR.COM</marquee>

Yukarıdan Aşağıya Kayan Yazı

Yazımızı alttan üste doğru çıkartmak istiyorsak direction="up" kodunu kullanırız. Bir çok sitede görmüşünüz'dür duyurular bölümü diye alttan üste doğru kayan yazılar vardır. Biz de böyle birşey yapabiliriz

<marquee scrollamount="1" height="100" width="100%" direction="down">

WEBCEBİR.COM

</marquee>

Marquee alanı genişletebiliriz ve yüksekliğini ayarlayabiliriz. Bunun için width="90" heigth="80" kodlarımızı kullanıyoruz. Burada width marquee'nin enini heigth ise yükseklik boyutunu belirler. Ayrıca yüzde olarakta değerler verilebilir. scrollamount="1" yazımızın hızını belirler.

Aşağıdan Yukarıya Kayan Yazı

<marquee scrollamount="1" height="100" width="100%" direction="up">

WEBCEBİR.COM

</marquee>

Renkli bir şerit üzerinde kaydırma

Eğer kırmızı bir şerit üzerinde kaymasını istiyorsak marquee'nin rengini değiştirebiliriz. Bunun için bgColor="red" kodunu kullanabiliriz.

<marquee behavior="alternate" bgColor="red">WEBCEBİR.COM</marquee>

HTML kayan Resim için Lütfen Bakınız.

<marquee scrollamount="1" height="300" width="20%" direction="down" bgcolor="#ff6600">
WEBCEBİR.COM
</marquee>	

<marquee direction=right><a href="#">WEBCEBİR.COM</a></marquee>

<marquee direction=right style="position:fixed">WEBCEBİR.COM</marquee>

<marquee direction=right>
<span>WEBCEBİR.COM</span>  &nbsp; &nbsp; 
<span>iyi günler</span>
</marquee>	

<b>
<marquee direction=right bgColor="red" style="font-size:large;">
WEBCEBİR.COM</marquee>
</b>