<style>
#item{width:200px;height:250px;color:#ffffff;background-color:grey;position:absolute;display:none;}
</style>

<script>
function show(v)
{
mX = window.event.x;
mY = window.event.y;
el = document.getElementById('item');
el.style.top=mY;
el.style.left=mX;
el.style.display='block';
el.innerHTML=v;
}

function hide()
{
el = document.getElementById('item');
el.style.display='none';
}
</script>

<div id="item"></div>

<a href="#" onmouseover="show('Шапка<br>+100 к незаметности')" onmouseout="hide()">Шапка неведимка</a><br>
<a href="#" onmouseover="show('Сапоги скороходы<br>+30 к убеганию')" onmouseout="hide()">Сапоги скороходы</a><br>
<a href="#" onmouseover="show('Шапка<br>+340 к урону')" onmouseout="hide()">Палка</a><br>