<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Cool Menu</title>
<script>
function mod(id)
{
if(document.all[id].style.display=='block')
document.all[id].style.display='none';
else
document.all[id].style.display='block';
}
</script>
</head>
<body>
<UL>
<LI><a href="#" onClick="mod('sub1');">Level1-Item1</a>
<UL ID="sub1" style="display:none;">
<LI><a href="#" onClick="mod('sub2_1_1');">SubLevel1-Item1</a>
<UL ID="sub2_1_1" style="display:none">
<LI>SubLevel2-Item1</LI>
<LI>SubLevel2-Item2</LI>
<LI>SubLevel2-Item3</LI>
</UL>
</LI>
<LI><a href="#" onClick="mod('sub2_1_2');">SubLevel1-Item1</a>
<UL ID="sub2_1_2" style="display:none">
<LI>SubLevel2-Item1</LI>
<LI>SubLevel2-Item2</LI>
<LI>SubLevel2-Item3</LI>
</UL>
</LI>
<LI><a href="#" onClick="mod('sub2_1_3');">SubLevel1-Item1</a>
<UL ID="sub2_1_3" style="display:none">
<LI>SubLevel2-Item1</LI>
<LI>SubLevel2-Item2</LI>
<LI>SubLevel2-Item3</LI>
</UL>
</LI>
</UL>
</LI>
<LI><a href="#" onClick="mod('sub2');">Level1-Item1</a>
<UL ID="sub2" style="display:none;">
<LI><a href="#" onClick="mod('sub2_2_1');">SubLevel1-Item1</a>
<UL ID="sub2_2_1" style="display:none">
<LI>SubLevel2-Item1</LI>
<LI>SubLevel2-Item2</LI>
<LI>SubLevel2-Item3</LI>
</UL>
</LI>
<LI><a href="#" onClick="mod('sub2_2_2');">SubLevel1-Item1</a>
<UL ID="sub2_2_2" style="display:none">
<LI>SubLevel2-Item1</LI>
<LI>SubLevel2-Item2</LI>
<LI>SubLevel2-Item3</LI>
</UL>
</LI>
<LI><a href="#" onClick="mod('sub2_2_3');">SubLevel1-Item1</a>
<UL ID="sub2_2_3" style="display:none">
<LI>SubLevel2-Item1</LI>
<LI>SubLevel2-Item2</LI>
<LI>SubLevel2-Item3</LI>
</UL>
</LI>
</UL>
</LI>
<LI><a href="#" onClick="mod('sub3');">Level1-Item1</a>
<UL ID="sub3" style="display:none;">
<LI><a href="#" onClick="mod('sub2_3_1');">SubLevel1-Item1</a>
<UL ID="sub2_3_1" style="display:none">
<LI>SubLevel2-Item1</LI>
<LI>SubLevel2-Item2</LI>
<LI>SubLevel2-Item3</LI>
</UL>
</LI>
<LI><a href="#" onClick="mod('sub2_3_2');">SubLevel1-Item1</a>
<UL ID="sub2_3_2" style="display:none">
<LI>SubLevel2-Item1</LI>
<LI>SubLevel2-Item2</LI>
<LI>SubLevel2-Item3</LI>
</UL>
</LI>
<LI><a href="#" onClick="mod('sub2_3_3');">SubLevel1-Item1</a>
<UL ID="sub2_3_3" style="display:none">
<LI>SubLevel2-Item1</LI>
<LI>SubLevel2-Item2</LI>
<LI>SubLevel2-Item3</LI>
</UL>
</LI>
</UL>
</LI>
</UL>
</body>
</html>
<script>
var NN = (document.layers) ? 1 : 0;
var IE = (document.all) ? 1: 0;
var NN6 = (!document.all && document.getElementById) ? 1: 0;
function mod(id)
{
if(IE){
if(document.all[id].style.display=='block')
document.all[id].style.display='none';
else
document.all[id].style.display='block';
}
if(NN){
if(document.layers[id].display=='block')
document.layers[id].display='none';
else
document.layers[id].display='block';
}
if(NN6){
if(document.getElementById(id).style.display=='block')
document.getElementById(id).style.display='none';
else
document.getElementById(id).style.display='block';
}
}
</script>
Вернуться в Дизайн + web-дизайн
Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 11