Web Geliştirici  :: PHP, JavaScript, Ajax, XHTML, XML, CSS, MySQL ve diğer web yazılım geliştirme teknolojileri hakkında faydalı bilgi ve teknikler
 

MARQUEE Elementi ile Basit Kayma Efekti Oluşturmak

HTML’in <marquee> elementi ile JavaScript, Flash gibi başka bir teknolojiye gerek duymadan basitçe kayan yazı veya resim efekti oluşturabiliriz. Bu element span ya da img elementleri gibi bir satır içi (inline) elementtir.

Örnek kullanımları;

<marquee scrollamount="5" behavior="scroll" direction="left" style="background-color: #FAFAA0; width: 200px;">webgelistirici.com</marquee>
webgelistirici.com
<marquee scrollamount="5" behavior="alternate" direction="left" style="background-color: #FAFAA0; width: 200px;">webgelistirici.com</marquee>
webgelistirici.com

scrollamount niteliğinin değeri ne kadar büyük olursa metin o kadar hızlı kayar.

behavior niteliğinin altenate olması sağa-sola kaymayı, slide olması loop niteliğinde verilen sayı kadar kaymanın tekrarlanacağını, scroll olması kaymanın sürekli tekrarlanacağını ifade eder.

<marquee> elementi ayrıca <img/> elementinde de kullanılabilen width, height, hspace, vspace, align niteliklerini de destekler.

İnternette tüm özelliklerini bir arayüzden seçebilmemize olanak veren HTML Marquee Generator araçları mevcuttur. Örneğin şu adreste bir tane mevcut.

   

Yorum Kısımı

(varsa)