АКМА. Каталог веб-разработчика. 
Поиск на сайте
 
Искать на:  Яndex   Rambler   Апорт   Google
ГлавнаяСтатьиСсылкиJavaScriptПоиск
Netscape Navigator и Internet ExplorerInternet Explorer 4.0 и выше

Меню навигации.

Данный скрипт реализует меню навигации (надписи выделенные зеленым необходимо откорректировать).
 

Код.

<script language="JavaScript">
<!--
dom = (document.getElementById) ? true : false;
nn4 = (document.layers) ? true : false;
ie = (document.all) ? true : false;
ie4 = ie && !dom;
//-->
</script>
<script language="JavaScript">
<!--
a1 = new Image();
a1.src="picons/li_m.gif";
a2 = new Image();
a2.src="image_minus.gif";
function changeElem(elemId)
{
if(document.layers)return;
if(dom)
if(document.getElementById(elemId).style.display == "block"){
document.getElementById(elemId).style.display = "none"
a = document.getElementById(elemId+"-0")
if(a) a.src = "image_plus.gif"}
else{
document.getElementById(elemId).style.display = "block"
a = document.getElementById(elemId+"-0")
if(a) a.src = "image_minus.gif"}
else if (ie4)
if(document.all[elemId].style.display == "block"){
document.all[elemId].style.display = "none";
a = document.all[elemId+"-0"];
if(a) a.src = "image_plus.gif"}
else{
document.all[elemId].style.display = "block";
a = document.all[elemId+"-0"];
if(a) a.src = "image_minus.gif"}}
//-->
</script>

В том месте, где необходимо вписывается:

<img src="image_plus.gif" height=9 width=17 alt="" id=id-0 onclick="changeElem('id')" style="cursor: hand">
<a href="index.htm">Текст 1</a>
<div id=id style="display: none">
<ul>
<img src="image_plus.gif" height=9 width=17 alt="" id=id1-0 onclick="changeElem('id1')" style="cursor: hand">
<a href="index1.htm">Текст 2</a>
<div id=id1 style="display: none">
<ul>
<li><a href="index2.htm">Текст 3</a>
<li><a href="index3.htm">Текст 4</a>
<li><a href="index4.htm">Текст 5</a>
<li><a href="index5.htm">Текст 6</a>
<li><a href="index6.htm">Текст 7</a>
</ul>
</div>
</ul>
</div>

 

Результат.

Кликните мышкой на «плюс»…

JavaScript


« предыдущая  |  содержание  |  следующая »

 

ГлавнаяСтатьиСсылкиJavaScriptПоиск
Новости  |  Карта сайта
Редакция от: 
Copyright ©1999—2003 «Art&Fact»ВверхE-mail: artefact@udm.net
Hosted by uCoz