Как сделать, чтобы всплывал новый слой?

[yousatisfaction]

Привет, всем!
Подскажите, как сделать, чтобы при наведении курсором на рисунок (можно и на слово) всплывал новый слой? Я имею ввиду табличка в середине которой есть рисунок и какой-то текст?
Пример этого на сайте Дом-2 www.dom2.ru
Там наврдишь мышкой на фото участника и всплывает информация с рисуноком о том, что этот участник в шоу стлько-то дней и ему столько-то лет.

[Berezkin]

Код: Выделить всё

isOpera=isOpera5=window.opera&&isDOM; //Opera 5+
isOpera6=isOpera&&window.print //Opera 6+
isOpera7=isOpera&&document.readyState //Opera 7+
isMSIE=document.all&&document.all.item&&!isOpera; //MSIE 4+
isMozilla=navigator.appName=="Netscape"; //Mozilla

var mousex = 0;
var mousey = 0;

if (isMSIE || isOpera7){
document.onmousemove = function() {
  mousex = event.clientX + document.body.scrollLeft;
  mousey = event.clientY + document.body.scrollTop;   
  return true;
}
} else if (isOpera) {
document.onmousemove=function(){
  mousex = event.clientX;
  mousey = event.clientY;
  return true;
}
} else if (isMozilla) {
document.onmousemove=function(e){
mousex = e.pageX;
mousey = e.pageY;
return true;
}
}



function showDiv(obj) {
object = document.getElementById(obj);
object.style.display = '';
object.style.left = mousex+"px";
object.style.top = mousey+"px";
}

function hideDiv(obj) {
object = document.getElementById(obj);
object.style.display = 'none';
}


эт скрипт для показывания дива в месте где курсор сейчас находится...

Ну в самом html делаешь див с каким-нить id

Код: Выделить всё

<div id="info" style="display: none; position: absolute; z-index: 2;">
<table>
<tr>
<td> инфа инфа инфа </td>
</tr>
</table>
</div>


...а потом делаешь картинку на которую будешь мышу наводить

Код: Выделить всё

<img onmouseover="showDiv('info');" onmouseout="hideDiv('info')" src="my_img.jpg" width="100" height="100" border="0" alt="">


[yousatisfaction]

Честно говоря не очень понятно. Можно пополробней. И что такое див? Я просто не ориентируюсь с сленге.

[Berezkin]

Ну див это <div> (тег такой, типа слой)

Вставляешь скрипт куда-нить на страницу, потом собссно див, а потом картинку. Ну я не знаю как лучше объяснить...

Давай так, ты начинай делать страничку, а по ходу пиши где непонятно.