<html>
<head>
<script>
window.onload = function() {
showLinks = function() {
clearTimeout(window.t);
document.getElementById('links').style.display = 'inline';
}
hideLinks = function() {
window.t = setTimeout(function() {
document.getElementById('links').style.display = 'none';
}, 1000);
}
document.getElementById('image').onmouseover = showLinks;
document.getElementById('image').onmouseout = hideLinks;
document.getElementById('links').onmouseover = showLinks;
document.getElementById('links').onmouseout = hideLinks;
}
</script>
<style>
#links {
display: none;
}
</style>
</head>
<body>
<span id="links"><a href="#">Bla bla bla</a> | <a href="#">Bla2 bla 2 bla2</a></span><br /><br />
<img id="image" src="http://javascript.ru/forum/images/smilies/smile.gif" height="100" width="100" />
</body>
</html>