jQuery Marquee Plugin

XHTML kalıbında; yeni başlayanlar dahil bilirsiniz ki marquee ve blink tagları yazıları hareketlendirme işine yaramaktaydı. Son 10 yıldır bu tagların ne kadar kullanılır olduğunu bir tarafa bırakın, jQuery’den sonra webmasterlar Marquee ve blink taglarını unuttular.. Birazdan anlatacağım Plugin, Marquee ve blink taglarını tekrar kullanabilme fakat bunu hepimizin sevdiği jQuery kalıbıyla birlikte HTML’ e aşılama işlevi görmektedir..
jQuery Marquee Plugin

Kullanımı

Yukarıda da bahsettiğim gibi, Marquee etiketinin jQuery ile birlikte kullanımı sonucu oluşabilecek bir Eklentidir. Demo üzerinde gösterdiğim alanlarda her demonun üzerindeki kod o olayın gerçekleşmesini sağlayan kodlardır.

Kullanımı ise <marquee> etiketinin içerisine atadığımız değişken ve değerler ile farklı gösterim şekilleri meydana gelecektir.. Bunları açıklayacak olursak;

  • CSS’den bildiğimiz gibi width ve height ayarlarıyla yazımızın kaplayacağı hareket alanını belirliyoruz.
  • Direction değişkeniyle left, right, down ve up değerlerini kullanarak hareketin yönünü belirliyoruz.
  • Behavior değişkenine atayacağımız scroll, slide, alternate, değerleri sayesinde yazıya efekt veriyoruz.
  • Scrollamount değeri zaten marquee etiketine ait değişkeninde bir farklılık yok, sayı değeri vererek animasyonun hızını ayarlarıyoruz.
  • Loop ile sayı değeri vererek animasyonun kaç kere tekrarlanacağını belirtirsiniz, eğer hiçbir değer atamazsanız sonsunza dek devam edecektir =)

[message type="info"]Etiketin default değerleri de behaviour = scroll, dir = left, speed = 2 şeklindedir.[/message]

Nasıl Çalışır

Eklentiye bir çok şekilde öznelleştirebilirsiniz fakat, burada marquee etiketinin iki ayrı özelliği göz önündedir.

  • marquee etiketini daha kolay bir şekilde jQuery entegrasyonuyla efekt verilmesi
  • Efektlerde CSS kullanılmamakta. Efekti tarayıcı yormamakta ve çok daha hızlı çalışmaktadır. Zaten tarayıcının desteklediği kaydırma özelliğini kullanır.

http://zingocan.com/wp-content/uploads/demo1.pnghttp://zingocan.com/wp-content/uploads/download.png

8 thoughts on “jQuery Marquee Plugin

  1. @dev arkadaşım Demoda bulunan örneklerde en alttaki örneği incelerseniz up ve down direction larının kullanılaiblir olduğunu görebileceksiniz.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

*

Şu HTML etiketlerini ve özelliklerini kullanabilirsiniz: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>