Web Geliştirici » marquee http://www.webgelistirici.com :: PHP, JavaScript, Ajax, XHTML, XML, CSS, MySQL ve diğer web yazılım geliştirme teknolojileri hakkında faydalı bilgi ve teknikler Sun, 21 Feb 2010 05:55:25 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 MARQUEE Elementi ile Basit Kayma Efekti Oluşturmak http://www.webgelistirici.com/marquee-elementi-ile-basit-kayma-efekti.html http://www.webgelistirici.com/marquee-elementi-ile-basit-kayma-efekti.html#comments Sun, 14 Feb 2010 07:55:22 +0000 Bülent Yılmaz http://www.webgelistirici.com/?p=39 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.

]]> http://www.webgelistirici.com/marquee-elementi-ile-basit-kayma-efekti.html/feed 0