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... Kayan yazı için kullanacağımız metin "Web de ders öğrenmenin tadını çıkartmak için sizde sitemizi ziyaret edin...www.webders.com"...
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">kaydırılacak içerik</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">kaydırılacak içerik</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">kaydırılacak içerik</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()">kaydırılacak içerik</marquee>
Sonuç olarak kodumuz aşağıdaki gibi olmalıdır...
<marquee direction="up" scrollamount="1" width="200" height="100" onMouseOver="stop()" onMouseOut="start()">kaydırılacak içerik</marquee>
Ve Sonuç...
Artık bizimde bir Kayan Yazımız var!
ya hocam sanalkursun altındaki gibi saga sola kaydırmak için ne yapmalıyız
Sağa sola kaydırmak için kodda direction kısmında "up" yerine "right" yada "left" yazman yeterli...
Ne diyim size ki!!!
Firefox'da da sorunsuz çalışması için css ile iç içe kullanmayı deneyin, özellikle up/down için firefox çok fazla sorun çıkartıyor (yükseklik belirtince özellikle). Onun yerine css'de yükseklik belirtmek sorunu çözüyor. Çok araştırdım bunun çözümünü ve her şeyin css'de saklı olduğunu gördüm =)
iŞTE BENDE TAM BUNU ARIYORDUM ANLATIMINDA EK OLMASI SÜPER OLMUŞ. SÜPEERRR SAĞOL
