Bu
örneğimizde <marquee></marquee> tagını kullanarak kayan yazı
sistemini nasıl yapacağımızı göreceğiz...
1. Aşama
Kaydırmak istediğimiz alanı oluşturularım.
Kaydırmak istediğiniz alanı oluştururken her hangi bir kısıtlamanız yoktur. Bu alan bir tablodan da oluşabilir, resimden de oluşabilir yada sadece basit bir yazıdan da oluşabilir.
Bu örnekte ben kayan alan olarak basit bir yazı kullanacağım.
2. Aşama
Belirlediğimiz alanı kaydırmaya başlayalım.
Kaydırmak istediğimiz alanı oluşturduktan sonra kaydırma işlemini gerçekleştirebilmek için <marquee></marquee> tagını kullanıyoruz...
Kısaca özetlersek kodumuz şu şekilde olmalı:
<marquee direction="up">Gökhan TEKİN Kişisel Blog Sitesi</marquee>
Şimdi olayımızı biraz daha geliştirelim. Hareket hızını ayarlamak için marquee tagının scrollamount özelliğini kullanıyoruz...
<marquee direction="up" scrollamount="1">Gökhan TEKİN Kişisel Blog Sitesi</marquee>
Kaydırılacak alanın boyutlarını ayarlamak için width ve height özelliklerini kullanıyoruz...
<marquee direction="up" scrollamount="1" width="200" height="100">Gökhan TEKİN Kişisel Blog Sitesi</marquee>
Ve son olarak mouse ile bu alana girdiğimiz hareketin durmasını, mouse un bu alandan çıkması halinde ise harekete devam etmesini sağlayalım...
<marquee direction="up" scrollamount="1" width="200" height="100" onMouseOver="stop()" onMouseOut="start()">Gökhan TEKİN Kişisel Blog Sitesi</marquee>
Sonuç olarak kodumuz aşağıdaki gibi olmalıdır...
1. Aşama
Kaydırmak istediğimiz alanı oluşturularım.
Kaydırmak istediğiniz alanı oluştururken her hangi bir kısıtlamanız yoktur. Bu alan bir tablodan da oluşabilir, resimden de oluşabilir yada sadece basit bir yazıdan da oluşabilir.
Bu örnekte ben kayan alan olarak basit bir yazı kullanacağım.
2. Aşama
Belirlediğimiz alanı kaydırmaya başlayalım.
Kaydırmak istediğimiz alanı oluşturduktan sonra kaydırma işlemini gerçekleştirebilmek için <marquee></marquee> tagını kullanıyoruz...
Kısaca özetlersek kodumuz şu şekilde olmalı:
<marquee direction="up">Gökhan TEKİN Kişisel Blog Sitesi</marquee>
Şimdi olayımızı biraz daha geliştirelim. Hareket hızını ayarlamak için marquee tagının scrollamount özelliğini kullanıyoruz...
<marquee direction="up" scrollamount="1">Gökhan TEKİN Kişisel Blog Sitesi</marquee>
Kaydırılacak alanın boyutlarını ayarlamak için width ve height özelliklerini kullanıyoruz...
<marquee direction="up" scrollamount="1" width="200" height="100">Gökhan TEKİN Kişisel Blog Sitesi</marquee>
Ve son olarak mouse ile bu alana girdiğimiz hareketin durmasını, mouse un bu alandan çıkması halinde ise harekete devam etmesini sağlayalım...
<marquee direction="up" scrollamount="1" width="200" height="100" onMouseOver="stop()" onMouseOut="start()">Gökhan TEKİN Kişisel Blog Sitesi</marquee>
Sonuç olarak kodumuz aşağıdaki gibi olmalıdır...
