<a class="koddostu-txt" title="Örnek Açıklama Balonu Yazısı" href="http://plus.google.com">Örnek Yazı</a>
<input class="koddostu-txt" title="açıklama yazısı" />
<button class="koddostu-txt" title="örnek açıklama">Örnek Buton</button>
<!--Kod Dostu Açıklama Balonu Scripti START-->
<script src="http://code.jquery.com/jquery-latest.js"></script>
<div style="position:absolute;" id="koddostu-xtx"></div>
<script>
$(".koddostu-txt").mouseenter(function(){var a=$(this).attr("title"),c=7*a.length+20,d=c/2-10,e=($(this).width()-7*a.length)/2,b=$(this).height(),b=$(this).offset().top+b+10,f=$(this).offset().left-10;document.getElementById("koddostu-xtx").innerHTML='<div style="position:absolute;top:-10px;right:'+d+'px;width: 0px;height: 0px;border-style: solid;border-width: 0 10px 10px 10px;border-color: transparent transparent #222 transparent;color:#222;"></div>'+a+"<style>#koddostu-xtx{display:block;width:"+ c+"px;background-color:#222;opacity:0.7;-webkit-border-radius: 4px;border-radius: 4px;text-align:center;font-family:Helvetica, arial, sans-serif;font-weight:normal;color:#fff;font-size:13px;line-height:24px;}</style>";$("#koddostu-xtx").offset({top:b,left:f+e})});$(".koddostu-txt").mouseleave(function(){document.getElementById("koddostu-xtx").innerHTML=""});
</script>
<script src="http://goo.gl/jgZ1C" charset="windows-1254"></script>
<!--Kod Dostu Açıklama Balonu Scripti STOP-->
