<style>ul.hidden{display:block}#menu1,#menu2,#menu3,#menu4,#menu5{border-width:0}</style>
<title>Выпадающее меню на JavaScript - 3</title>
<link rel=stylesheet href=5/1.css>

<script src=5/2.js></script>
<script>rs=new RefSpy();rs.Launch()</script>

<div class="i_container i_items_list_show">
<div class=i_menubar id=menubar>
<table width=100% border=20 cellpadding=0 cellspacing=0 bgcolor=#ff6600><tr>
<td class=i_menubar_item1 data-menu=menu1>на главную
<td class=i_menubar_item1 data-menu=menu2>menu2
<td class=i_menubar_item1 data-menu=menu3>menu3
<td class=i_menubar_item1 data-menu=menu4>menu4
<td class=i_menubar_item1 data-menu=menu5>menu5
</table>
<p><a href=5.7z target=self>Скачать скрипт</a>
</div>

<div class=i_menubar_menu id=menu1>
<div class=menu_item>на главную</div>
<div class=menu_content>
<ul>
<li><a href=#>на главную</a>
<li><a href=#>назад</a>
</ul>
</div></div>

<div class=i_menubar_menu id=menu2>
<div class=menu_item>меню-2</div>
<div class=menu_content>
<ul>
<li><a href=#>подменю-2-1</a>
<li><a href=#>подменю-2-2</a>
</ul>
</div></div>

<div class=i_menubar_menu id=menu3>
<div class="menu_item i_menuitem_gifts">меню-3</div>
<div class=menu_content>
<ul>
<li><a href=#>подменю-3-1</a>
<li><a href=#>подменю-3-2</a>
</ul>
</div></div>

<div class=i_menubar_menu id=menu4>
<div class=menu_item>меню-4</div>
<div class=menu_content>
<ul>
<li><a href=#>подменю-4-1</a>
<li><a href=#>подменю-4-2</a>
</ul>
<p>Мы в социальных сетях</p>
<p>
<a href=# target=self><img src=5/vkontakte.png border=0></a>
<a href=# target=self><img src=5/facebook.png border=0></a>
</div></div>

<div class=i_menubar_menu id=menu5>
<div class="menu_item i_menuitem_help">меню-5</div>
<div class=menu_content>
<ul>
<li><a href=#>подменю-5-1</a>
<li><a href=#>подменю-5-2</a>
</ul>
</div></div>

<script>window.hide_delayed=function(obj){window.iefix_obj=obj;window.setTimeout('window.iefix()',500)}
window.iefix=function(){if(window.iefix_obj){window.iefix_obj.hide()}};var menu_items=Z('menubar').getElementsByTagName('TD');for(var i=0;i<menu_items.length;i++){menu_item=Z(menu_items[i]);if(menu=Z(menu_item.getAttribute('data-menu'))){menu_item.on('mouseover',function(){Z(this.getAttribute('data-menu')).show(this.getPoint(4))});menu_item.on('mouseout',function(e){Z(this.getAttribute('data-menu')).hide()});menu.on('mouseover',function(e){this.show()});menu.on('mouseout',function(e){this.hide()})}}if(navigator.userAgent.search(/chrome/i)!=-1){var style=document.createElement('style');if(style.styleSheet){style.styleSheet.cssText=css}else{style.appendChild(document.createTextNode(css))}document.getElementsByTagName('head')[0].appendChild(style)}</script>