tooltip

onmousehover

by CHRIS ROBBINS

HTML

<div title="regular tooltip">Hover me</div>

<div class="tooltip">
    Google
    <span id="tooltip-span">
        This project blows dude. you should move on you fuckin turducken.
    </span>
</div>

CSS

.tooltip {
    text-decoration:none;
    position:relative;
    height: 20px;
    width: 29px;
}
.tooltip span {
    display:none;
}
.tooltip:hover span {
    display:block;
    position:fixed;
    overflow:hidden;
}

JavaScript

var tooltipSpan = document.getElementById('tooltip-span');

window.onmousemove = function (e) {
    var x = e.clientX,
        y = e.clientY;
    tooltipSpan.style.top = (y + 20) + 'px';
    tooltipSpan.style.left = (x + 20) + 'px';
};