Добрый день! Прошу небольшой помощи
На данный момент выводиться текст только после нажатия по ссылкам, а как сделать, так чтобы был текст после загрузки и убирался после выбора пунктов меню никак не соображу.
Цитата: |
<HTML> <HEAD> <STYLE type="text/css"> div { position: absolute; visibility: hidden; }
</STYLE>
<SCRIPT LANGUAGE="JavaScript"> <!-- function show_d(d) { div1.style.visibility='hidden'; div2.style.visibility='hidden'; div3.style.visibility='hidden'; div4.style.visibility='hidden'; div5.style.visibility='hidden';
d.style.visibility='visible'; } //--> </SCRIPT> </HEAD>
<BODY>
<a href="javascript:void(0)" onClick="show_d(div1);">показать слой 1</a><br> <a href="javascript:void(0)" onClick="show_d(div2);">показать слой 2</a><br> <a href="javascript:void(0)" onClick="show_d(div3);">показать слой 3</a><br> <a href="javascript:void(0)" onClick="show_d(div4);">показать слой 4</a><br> <a href="javascript:void(0)" onClick="show_d(div5);">показать слой 5</a><br>
<div id="div1"> <h3>Слой номер один</h3> Некоторый текст, на слое расположенный. Его можно скрыть и показать. Текст может содержать несколько строк. </div> <div id="div2"> <h3>Слой номер два</h3> Содержит свой текст. Если показывается, то текст на других слоях не виден. </div> <div id="div3"> <h3>Слой номер три</h3> Тоже текст. При работе со слоями надо следить, чтобы текст одного слоя не "выглядывал" из-под другого слоя при самых различных размерах окна браузера и используемых шрифтах. </div> <div id="div4"> <h3>Слой номер четыре</h3> Здесь нет текста. </div> <div id="div5"> <h3>Слой номер пять</h3> И тут тем более нет. </div>
</BODY> </HTML> |