jQuery Tooltip
Web sitelerinizde kullanabileceğiniz eski adı ile tutorialpot sitesi tarafından hazırlanmış bir jQuery tooltip örneği. Tutorialpot sitesi artık kapalı olduğu için böyle şık bir jQuery eklentisinin zaman içinde kaybolmasına göz yummak bence pek doğru olmaz. Geliştiricinin tam olarak kim olduğunu bulamadım o yüzden yazar ismide yazamıyorum burada. Hem resimlere hemde yazılara bu eklenti ile kolaylıkla uyarı balonu ekleyebiliyorsunuz.
Kullanım
- Head etiketleri arasına eklemeniz gereken bölümler.
jQuery, eklenti ve css dosyaları :
|
1 2 3 4 |
<link rel="stylesheet" href="css/jQuery.toolTip.css" media="screen" /> <link rel="stylesheet" href="css/demo.css" media="screen" /> <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script> <script type="text/javascript" src="js/jQuery.toolTip.js"></script> |
JavaScript :
|
1 2 3 4 5 |
<script type="text/javascript"> $(document).ready(function(){ $('.tooltip').toolTip(); }); </script> |
Tootlip kullanmak istediğiniz elementin kodları içine class=”tooltip” kodu eklemeniz gerekiyor.
Normal kod
|
1 |
<a href="" title="Mintik">Mintik.com</a> |
Tooltip eklenmiş olan kod
|
1 |
<a href="" class="tooltip" title="Mintik">Mintik.com</a> |
Title kısmında yazacağınız yazılar uyarı balonu içinde görünecektir.
Bu şekilde aklınıza gelebilecek her türlü element üzerinde uygulayabilirsiniz.
Bu yazılar da ilginizi çekebilir :
-
shuttletransfer.info
-
http://mintik.com/ mintik
-
Fixed Social Sidebar |: