‹
<HTML>
<HEAD>
<link rel="stylesheet" href="index.css" type="text/css">
</HEAD>
<BODY bgcolor="#d1e8ff">
<p class="menu"><A HREF="javascript:JS(menu1,image1);" title="Развернуть/Свернуть"><img NAME=image1 src="http://praktika.h14.ru/img/Nolook.gif" alt=""> Наружная реклама</a></p>
<span id=menu1>
<p class="menu"><A HREF="javascript:JS(menu2,image2);" title="Развернуть/Свернуть"><img NAME=image2 src="http://praktika.h14.ru/img/Nolook.gif" alt=""> Рекламные щиты (BigBoard)</a></p>
<span id=menu2>
<p class="menu"><a href="http://praktika.h14.ru/fotoweb/map.html" title="Расположение рекламных щитов"><img src="http://praktika.h14.ru/img/item.gif" ALIGN=MIDDLE alt=""> Расположение щитов</a></p>
</span>
<p class="menu"><a href="javascript:JS(menu3,image3);" title="Развернуть/Свернуть"><img NAME=image3 src="http://praktika.h14.ru/img/Nolook.gif" alt=""> LightBox Лайтбоксы</a></p>
<span id=menu3>
<p class="menu"><a href="http://praktika.h14.ru/lightbox/imagescript.html" title="Изготовление лайтбоксов"><img src="http://praktika.h14.ru/img/item.gif" alt=""> Изготовление лайтбоксов</a></p>
</span>
</span>
<p class="menu"><a href="http://praktika.h14.ru/sign/imagescript.html" title="Изготовление дорожных знаков"><img src="http://praktika.h14.ru/img/item.gif" alt=""> Изготовление дорожных знаков</a></p>
<SCRIPT LANGUAGE="JavaScript"><!-- // Сворачивание, единое для всего сайта
for(i=1;i<=3;i++) // Пока i=1, не достигнет 3, увеличивая его на единицу и сравнивая после прохода цикла
{
eval('menu' + i + '.style.display="none"');
eval('image' + i + '.src="http://praktika.h14.ru/img/Nolook.gif"');
}
//--></SCRIPT>
<p> </p>
</BODY>
</HTML>
Пример для:
Учебника apache SSI