Листинг 3.3. Простое вертикальное меню
<HTML>
<HEAD>
<TITLE>Простое вертикальное меню</TITLE>
<script language="JavaScript">
function img(n, action)
{if (action)
{document.images[n-1].src="wpch"+n+".gif"}
else
{document.images[n-1].src="pch"+n+".gif"}
}
</script>
</HEAD>
<BODY background="fonl.jpg">
<H2><FONT соlоr="#0000ff">Содержание</FONT></Н2>
<A href="tchl.htm" onmouseover="img(1, 1)" onmouseout="img(1, 0)">
<IMG src="pchl.gif" аlt="форматирование текста" border="0"
width="103" height="35"></A><br>
<A href="tch2.htm" onmouseover="img(2, 1)" onmouseout="img(2, 0)">
<IMG src="pch2.gif" alt="co3naHne списков" border="0"
width="103" height="35"></A><br>
<A href="tch3.htm" onmouseover="img(3, 1)" onmouseout="img (3, 0)">
<IMG src="pch3.gif" alt="nocTpoeHne таблиц" border="0"
width="103" height="35"></A><br>
<A href="tch4.htm" onmouseover="img(4, 1)" onmouseout="img(4, 0)">
<IMG src="pch4.gif" а!Ъ="использование графики" border="0"
width="103" height="35"></A><br>
<A href="tch5.htm" onmouseover="img(5, 1)" onmouseout="img(5, 0)">
<IMG src="pch5.gif" аlt="создание фреймовой структуры"
border="0" width="103" height="35"></A> <br>
</BODY>
</HTML>