Tooltip (Açıklama Balonu) Uygulaması

bitlimakina tarafından 10 Nisan 2009 | 1 Yorum | JQuery

tooltip

Sanırım yeni bir yazı yazmanın zamanı geldi. Bu yazıda linkler hakkında küçük açıklamalar gösterebileceğimiz bir uygulamadan bahsedeceğim. Kendi kodlamam olan bu uygulama için uzun uzun kodlamanın nasıl yapıldığından değil sayfalarımızda nasıl kullanırız ona değinelim. Örnek Uygulama Balon adlı JQuery eklentisi sayfamıza eklendiğinde title etiketi içeren tüm linklerde bir açıklama balonu (tooltip) görüntüler ve title etiketinde yazılan metni ekrana getirir. JQuery kodları üzerinde değişiklikler yaparak farklı amaçlarla da bu balonları kullanmanız elbette mümkün.

Aşağıda vermiş olduğum satırları çalışma sayfanıza ekleyerek başlayabilirsiniz. Tabi ki öncelikle burdan gerekli dosyaları indirmelisiniz.

1
2
3
4
5

<head>
  <script src="js/jquery.js"></script>
  <script src="js/balon.js"></script>
  <link type="text/css" href="js/css/balon.css" rel="stylesheet">
</head>

Örnek Uygulama (Example) Evet sonucu eğer beğendiyseniz sitelerinizde kullanmak size kalmış.

Yorumlar

  1. Ali (22 Mayıs 2009)

    Teşekkürler ellerinize sağlık yazıılarınızın devamını diliyoruz..:)

Yorum Bırak!