Jump to content
  • 0

Как создать вертикальное меню?

Alannn

Asked by Alannn,

 Share

Question

7 answers to this question

Recommended Posts

  • 0
D.S.Denton Explorer

D.S.Denton

Posted
Posted

- - - flood start - - -

ээээ.... первый ответ на вопрос напрашивается очевидный - руками.

после внимательного вглядывания и выяснения что топик в "начинающих", напрашивается второй ответ - также как горизонтальное, но по вертикали.

- - - flood end - - -

собственно вопроса не видно, проблема-то в чем?

Link to comment
Share on other sites
  • 0
D.S.Denton Explorer

D.S.Denton

Posted
Posted

пример для топикстартера - скопируй этот код в новый хтмл-файл, сохрани и открой:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<base href="http://ikshaschool.msk.ru/" />
<script type="text/javascript" language="javascript1.2" src="menu-engine.js"></script>
</head>
<body>
<div style="width:160px;height:100%;float:left;">
<script type="text/javascript" language="JavaScript1.2" src="menu-main.js"></script>
</div>
</body>
</html>

такое js-меню делается очень легко прогой по названию Sothink DHTML Menu Creator

а для "общего развития" поэкспериментируй с конструкциями типа:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<style type="text/css"><!--
#navigation,#nav1,#nav2 {width:160px;height:100%;float:left;}
#nav1,#nav2 {display:none;}
ul {list-style-type:none;}
li {border:1px solid gainsboro;}
//--></style>
<script language="javascript" type="text/javascript">
function Show(x) {document.getElementById('nav' + x).style.display = 'block';}
function Close(x) {document.getElementById('nav' + x).style.display = 'none';}
</script>
</head>
<body>
<div id="navigation">
<ul>
<li onmouseover="Show(1);">один</li>
<li onmouseover="Show(2);">два</li>
</ul>
</div>
<div id="nav1">
<span onclick="Close(1);">close</span>
<ul>
<li><a href="http://htmlbook.ru/html">HTML</a></li>
<li><a href="http://htmlbook.ru/css">CSS</a></li>
</ul>
</div>
<div id="nav2">
<span onclick="Close(2);">close</span>
<ul>
<li><a href="http://www.the-game.ru/ru/about/index/">мануал</a></li>
<li><a href="http://www.the-game.ru/ru/register/">регистрация</a></li>
</ul>
</div>
</body>
</html>

конечно это некрасивый вариант - вот и простор для фантазии:+)

Link to comment
Share on other sites
Guest
This topic is now closed to further replies.
 Share
Go to question listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept