2 JOK:
этож баннер-реклама, бегун
ах ты какой!... >_>
этож баннер-реклама, бегун
ах ты какой!... >_>
<script language="JavaScript">
if (parseInt(navigator.appVersion)>= 4)
{
if (navigator.appName == "Netscape")
{
layerStyleRef="layer.";
layerRef="document.layers";
styleSwitch="";
}
else
{
layerStyleRef="layer.style.";
layerRef="document.all";
styleSwitch=".style";
}
}
function show(layerName)
{
if (parseInt(navigator.appVersion)>= 4)
{
eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="visible"');
}
}
function cls(layerName){
if (parseInt(navigator.appVersion)>= 4)
{
eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="hidden"');
}
}
</script>
<style type="text/css">
#text1 {HEIGHT: 80px; LEFT: 0px; POSITION: absolute; TOP: 50px; VISIBILITY: hidden; WIDTH: 250px; Z-INDEX: 10}
</style>
<!--Элемент style таблицы содержит координаты появления подсказки, а также ее размеры-->
<table align="left" id="text1" border="1" width="100%" cellspacing="0" cellpadding="5" style="HEIGHT: 80px; LEFT: 50px; TOP: 90px; WIDTH: 300px">
<tr>
<td bgcolor="#FFFFE1">
Здесь Вы можете поместить текст, изображения, используя при этом тэги.
</td>
</tr>
</table>
<a href="http://lenininc.narod.ru/" onmouseout="cls('text1');" onmouseover="show('text1');">Посетить сайт...</a>
буквы должны быть одного фиксированного шрифта, так чтобы на больших разрешениях их можно было комфортно читать. если при разрешении 800х600 они смотрятся сильно крупно - можно проверить разрешение юзера яваскриптом, поставить ему куки и при перезагрузке страницы прочесть куки в пхп, дабы оптимизировать шрифт.не ну просто 800 600 буквы на разрешении 1280 1024 буду казаться муравьями или наоборот.
Их указать прийдётся вручную. Я там всё нужное прокоментировал, думаю разберёшся.... Ну а если нет, то тогда спрашивай через личку или аську (на выходных)... 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head>
<title>tooltip test</title>
<script type="text/javascript">
function show(layerName,x,y,newText){
document.getElementById(layerName).innerText = newText;
document.getElementById(layerName).style.display = '';
document.getElementById(layerName).style.left = event.clientX+document.body.scrollLeft;
document.getElementById(layerName).style.top = event.clientY+document.body.scrollTop;
}
function cls(layerName){
document.getElementById(layerName).style.display = 'none';
}
</script>
</head>
<body>
<div id="text1" style="background-color: #FFFFE1; position:absolute; display: none; padding: 5px; border: 1px solid black; "></div>
<img src="image.jpg" onmouseout="cls('text1');" onmouseover="show('text1',event.clientX, event.clientY, 'подсказко');" style="border: 1px solid black; margin-top: 500px; margin-bottom: 500px" />
</body>
</html>