<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<meta name="Description" content="Зависимые элементы">
<meta name="Keywords" content="Зависимые элементы">
<title>Зависимые элементы</title>
<SCRIPT type=text/javascript>
function normalLayer() {
document.getElementById("sloy_2").style.backgroundColor="#ffffff";
}
<!--присвоение фоновому цвету второго слоя значение «чёрный»-->
function blackLayer() {
document.getElementById("sloy_2").style.backgroundColor="#000000";
}
<!--присвоение фоновому цвету второго слоя значение «белый»-->
</SCRIPT>
<!-- стили первого и второго слоя-->
<style type="text/css">
<!--
#sloy_1 a{
position:relative; /* относительное позиционирование */
width:100%; /* ширина слоя 100% */
height:115px; /* высота слоя 115 пикселей */
background-color: #0099CC; /* фоновый цвет первого слоя - голубой */
display: block; /* отображать блоком */
}
#sloy_2 a{
position:relative;
width:100%;
height:115px;
display: block;
}
-->
</style>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" bgcolor=#FFFFFF>
<table width="305" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100" align="center" valign="middle">
<div id="sloy_1"> <!--Начало первого слоя-->
<font face="Tahoma" size="2"> <!--Шрифт внутри первого слоя-->
<a href="#" onMouseOver="blackLayer()"
onMouseOut="normalLayer()">
<!--При подведении курсора к первому слою, запускается функция окраски в чёрный второго слоя-->
<!--При убирании курсора от первого слоя, запускается функция окраски в белый второго слоя-->
<br>
<br>
<br>
1</a></font></div> <!--Конец первого слоя-->
</td>
<td width="100" align="center" valign="middle"></td>
<td width="100" align="center" valign="middle">
<div id="sloy_2"> <!--Начало второго слоя-->
<font face="Tahoma" size="2"> <!--Шрифт внутри второго слоя-->
<a href="#"><br>
<br>
<br>
2</a></font></div> <!--Конец второго слоя-->
</td>
</tr>
</table>
</body>
</html>
