Скопируйте код кода следующим образом:
<html>
<голова>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
<style type="text/css">
<!--
*{font-size:12px;font-family:Verdana, Женева, без засечек;line-height:14px}
а {цвет: # 039}
а: наведите {цвет: # f60}
.pop{позиция:абсолютная;слева:40%;сверху:40%;ширина:300 пикселей;высота:100 пикселей;фон:#eee;граница:1px сплошной #ccc}
.pop_head{позиция: относительная;высота:20 пикселей;фон:#ccc}
.pop_head a {позиция: абсолютная; вправо: 8 пикселей; высота строки: 20 пикселей; цвет: # 000; текст-декорация: нет}
.pop_head a:hover{color:#f60;text-decoration:none}
.pop_body{padding:8px}
-->
</стиль>
</голова>
<тело>
<!--Сначала установите слой:-->
<div id="pop" style="display:none" onclick="show(event,'pop');">
<div><a href="javascript:void(0);" onclick="hide('pop')">Закрыть</a></div>
<div>Спасибо, что посетили...</div>
</div>
<!--Кнопка всплывающего слоя:-->
<a href="javascript:void(0);" onclick="show( event ,'pop');"> Кнопка всплывающего окна</a>
<тип сценария="текст/javascript">
вар URL = '#';
функция show(evt,o){
evt.stopPropagation?evt.stopPropagation():evt.cancelBubble=true;
вар о = document.getElementById(о);
o.style.display = "";
}
функция скрыть(о){
вар о = document.getElementById(о);
o.style.display = "нет";
window.location = URL;
}
document.onclick=function(){hide('pop');}
</скрипт>
</тело>
</html>
Подведите итог:
1. При вызове метода pop-up передайте объект события: event.
2. Добавьте код привязки событий к методу всплывающего окна.
3. Должен быть глобальный js-код, который будет использоваться для вызова метода скрытия всплывающего слоя при нажатии на другие части.