Estou tentando recriar este tooltip http://jsfiddle.net/HJf8q/ com jQuery.
$(document).ready(function(){
$(".tooltip").mousemove(function(event) {
$(".text").style.top = (event.pageY + 20) + "px";
$(".text").style.left = (event.pageX + 20) + "px";
});
});
.tooltip {
position: relative;
}
.tooltip span {
display:none;
}
.tooltip:hover span {
display:block;
position:fixed;
overflow:hidden;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="tooltip">
<span class="text">Texto</span>
<p>Passe o mouse aqui.</p>
</div>
Porém, o Texto não acompanha o movimento do mouse. Alguém poderia me dizer como fazer isso?
$(".text").style
para$(".text")[0].style
, caso você tiver mais de um elemento você terá que percorrer esse objeto.