Меню с подменю
<html><head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>скрипт: выпадающее меню справа от пунктов</title> <STYLE type=text/css>BODY { FONT: 11px verdana } UL { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 150px; PADDING-TOP: 0px; BORDER-BOTTOM: #ccc 1px solid; LIST-STYLE-TYPE: none } UL LI { POSITION: relative } LI UL { DISPLAY: none; LEFT: 149px; POSITION: absolute; TOP: 0px } UL LI A { BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; DISPLAY: block; PADDING-LEFT: 5px; BACKGROUND: #fff; PADDING-BOTTOM: 5px; BORDER-LEFT: #ccc 1px solid; COLOR: #777; PADDING-TOP: 5px; BORDER-BOTTOM: #ccc 0px solid; TEXT-DECORATION: none } HTML UL LI { FLOAT: left; HEIGHT: 1% } HTML UL LI A { HEIGHT: 1% } UL LI A:hover { BACKGROUND: #f9f9f9; COLOR: red } LI UL LI A { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px } LI:hover UL { DISPLAY: block } LI.over UL { DISPLAY: block } </STYLE> <SCRIPT type=text/javascript> startList = function() {//fantasyflash.ru if (document.all&&document.getElementById) { menusRoot = document.getElementById("menus"); for (i=0; i<menusRoot.childNodes.length; i++) { node = menusRoot.childNodes[i]; if (node.nodeName=="LI") { node.onmouseover=function() { this.className+=" over";//osw } node.onmouseout=function() { this.className=this.className.replace(" over", ""); } } } } } window.onload=startList;</SCRIPT> </head> <body> <BR><center><center> <!--Rating@Mail.ru COUNTER--><script language="JavaScript" type="text/javascript"><!-- d=document;var a='';a+=';r='+escape(d.referrer) js=10//--></script><script language="JavaScript1.1" type="text/javascript"><!-- a+=';j='+navigator.javaEnabled() js=11//--></script><script language="JavaScript1.2" type="text/javascript"><!-- s=screen;a+=';s='+s.width+'*'+s.height a+=';d='+(s.colorDepth?s.colorDepth:s.pixelDepth) js=12//--></script><script language="JavaScript1.3" type="text/javascript"><!-- js=13//--></script><script language="JavaScript" type="text/javascript"><script language="JavaScript" type="text/javascript"><!-- if(11<js)d.write('--'+'>')//--></script><!--/COUNTER--> </center> <p><font face="verdana" size="-2"><br> </font></p> </center> <UL id=menus> <LI><A href="http://hs-1.narod.ru">Линка1</A></LI> <LI><A href="http://hs-1.narod.ru">Линка2</A> <UL> <LI><A href="http://hs-1.narod.ru">Линка2,1</A></LI> <LI><A href="http://hs-1.narod.ru">Линка2,2</A></LI> <LI><A href="http://hs-1.narod.ru">Линка2,3</A></LI> </UL></LI> <LI><A href="http://hs-1.narod.ru">Линка3</A> <UL> <LI><A href="http://hs-1.narod.ru">Линка3,1</A></LI> <LI><A href="http://hs-1.narod.ru">Линка3,2</A></LI> <LI><A href="http://hs-1.narod.ru">Линка3,3</A></LI> <LI><A href="http://hs-1.narod.ru">Линка3,4</A></LI> </UL></LI> </UL><BR><BR> <!-- copyright (t4) --><div align="center">Используются технологии <a href="http://www.ucoz.ru/" title="Создать сайт бесплатно"><b>uCoz</b></a><br /></div><!-- /copyright --> </body></html>