Posts Tagged ‘açıklama kutusu’

jQuery qTip ile Görsel Açıklama Kutuları Oluşturun

November 17th, 2009

qtip_bubbles_blueqTip jQuery kütüphanesi ile hazırlanmış çok şık ve esnek bir jQuery eklentisidir.

Bu eklentiyle hızlı ve görsel bir şekilde açıklama kutuları ve konuşma balonları gibi görsel öğeler kullanabilirsiniz.

Özellikleri,

  • Tarayıcı uyumu: IE 6.0+, FF 2.0+, Opera 9+, Safari 3+,  Chrome 1+, Konqueror 3.5+
  • Çalışabilirlik: qTip kodları dinamik olarak oluşturulur. Eğer tarayıcının javascript desteği pasif ise salt html olarak görünür.
  • Yuvarlatılmış kenarlar
  • Çoklu uygulama: Nesneye birden fazla qTip ekleyerek konuşma balonları oluşturulabilir.
  • Kolay Pozisyonlama: qTip’te tanımlı 12 kutu pozisyonu ile nesnenin istediğiniz yerinde kutuyu gösterebilirsiniz.
  • Görsel stil: Tanımlı 6 stil teması ile farklı tasarımlar için uygun.
  • Sırayla döşeme: qTip kutuları üst üste binse bile fare imleci ile üstüne gelindiğinde geçerli kutu ön plana çıkıyor.
  • Animasyon: qTip içerisinde kutuların belirlenmesi için varsayılan olarak fade, slide ve grow efektleri bulunmaktadır. Kendi animasyonlarınızı oluşturup qTip’i istediğiniz gibi genişletebilirsiniz.
  • Ajax desteği: qTip kutularının içeriğini ajax olarak çekebilirsiniz.
  • API:  API kütüphanesi ile callback ve diğer özelliklere hızlıca erişip, düzenleyebilirsiniz.

jQuery qTip ile ilgili bağlantılar;

qTip Anasayfa |   Demo | Documentation | Download