JavaScript

Раскрывающееся меню в JavaScript

JavaScript предоставляет широкие возможности для создания динамического меню сайта. В данном примере рассматривается наиболее простая реализация раскрывающегося меню на JavaScript, которая может быть оформлена с использованием CSS.

HTML-файл

<html>
<head>
<script type="text/javascript">
function Menu(id)
{
var menu = document.getElementById('menu_' + id).style;
if (menu.display == 'none')
{
menu.display = 'block';
}
else
{
menu.display = 'none';
}
}
</script>
</head>
<body>
<ul>
<li onclick="javascript:Menu('1')">Текст 1</li>
<ul id="menu_1" style="display:none;">
<li><a href="#">Текст 1.1</a></li>
<li><a href="#">Текст 1.2</a></li>
</ul>
<li onclick="javascript:Menu('2')">Текст 2</li>
<ul id="menu_2" style="display:none;">
<li><a href="#">Текст 2.1</a></li>
<li><a href="#">Текст 2.2</a></li>
</ul>
</ul>
</body>
</html>

Статьи:


copyright © 2011 Все права защищены.