CSSim Benim

jQuery ile Yapılan Tooltip(ipucu) Örneği

Hani Windows XP'lerde sağ alt tarafta çeşitli olaylar halinde bir baloncuk pıt sesiyle çıkarak bize bir uyarı, bir öneri bazen sistemdeki hataları gösterir. İşte buna İpucu, yabancı anlamına ise Tooltip deniyor. Web sayfalarında bir linkin üzerine veya bir resmin  gelindiğinde açıklamasının görünmesini ister misiniz? İşte bu örneğimiz işinizi tam olarak görüyor. Bu şekilde web sayfalarınız daha estetik görünecektir.

Üstelik kullanımı da çok kolay. Çok düşük boyutlu olmasına rağmen görsel açıdan güzel bir görünüşü var. Kullanımı daha önce de belirttiğimiz gibi çok basit, şöyle ki; ipucunun görüneceği bir elemente class="vtip" class'ını ekleyip, aynı elemente bir de title değerini eklemeniz gerekiyor. Örnek kullanım şu şekilde;

Bu şekilde yaptığınızda Örnek isimli bağlantının üzerine geldiğinizde açıklama olarak "Ben bir açıklamayım" tooltip'i görünecek. Diğer örnekleri aşağıdan görebilir ve örneği indirebilirsiniz.

Yapımcı: Vertigo Project

Bu Yazıyı Paylaşın