HTML
<div id="Container"> <a href="javascript:void(0);" title="Primeiro link">Elemento a com atributo title preenchido</a><br /> <a href="javascript:void(0);" title="Segundo link">Outro elemento a com atributo title preenchido</a><br /> <a href="javascript:void(0);">Terceiro link (sem o atributo title)</a><br /> <span class="mintip" title="Quarto link? Mas isso não é um link!">Uma tag span com o atributo class igual a "mintip"</span><br /> <a href="http://www.vinicius-stutz.com/" title="Sexto link">Meu site</a><br /> <a href="javascript:void(0);" title="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.">Link com descrição grande</a><br /> <!--Link com float right--> <a href="javascript:void(0);" id="Direita" title="Link com float right">Testando posicionamento</a><br /> <!--Link com position fixed--> <a href='javascript:void(0);' id='RodapeFixo' title='Link com position fixed'>Testando posicionamento, rodapé fixo</a> </div>
CSS
#Direita { float: right; } #RodapeFixo { position: fixed; right: 0px; bottom: 0px; padding: 6px; background: #EEE; border-top: 1px solid #222; border-left: 1px solid #222; }
{ } JS
$(document).ready(function() { $.minimalTips(); });
Preview