Minimal Tooltips plugin for jQuery

gravatar
JQuery 3.3.1, Minimal Tips
Snippet by CodAmz
321 0
Resources
<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>
#Direita { float: right; }
			#RodapeFixo {
				position: fixed;
				right: 0px;
				bottom: 0px;
				padding: 6px;
				background: #EEE;
				border-top: 1px solid #222;
				border-left: 1px solid #222;
			}
$(document).ready(function() {
				$.minimalTips();
			});

Javascript Resources


https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js
https://codeamaze.com/Uploads/Resources/2018/08/yCCuzOzCNvU/js/jquery.minimalTips.min.js

{} CSS Resources


https://codeamaze.com/Uploads/Resources/2018/08/yCCuzOzCNvU/css/jquery.minimalTips.css