Меню выпадающее на javascript

carrie · 27 Июн 2004

Добрые люди, не убивайте меня, вы все в скриптах и т.п. профессионалы, а я нет...

В общем мне надо сделать меню...ну в общем, как на этом сайте http://www.halliwells.newmail.ru это вроде javascript, но я сколько про него не читала, ничего не поняла и не нашла

Unknown · 27 Июн 2004

Где же ты искала...
http://www.woweb.ru/catalog/65/1025261199/

Strange&BeautyElf · 21 Апр 2005

Всплывающее меню

Пожалуйста помогите! Очень нужно научиться писать такое меню. Может кто и знает, как это делают? :confused:

Lenusik · 21 Апр 2005

Не совсем понятно, какое меню именно тебе нужно - просто всплывающее при наведении на ссылку, или же всплывающее при ее нажатии?

Вот один из примеров скрипта (меню всплывает при нажатии на ссылку):

HTML:

 <html>
<HEAD>
<style>
.menu
{
 position: absolute;
 top:0;
 z-index: 2;
}
.submenu
{
 position: absolute;
 top: 22;
 z-index: 0;
 visibility: hide;
 visibility: hidden;
}
</style>
<script>
<!--
var old;
 var memold;
 var subold;
 if(document.layers)
 {
  window.captureEvents(Event.MOUSEDOWN);
  window.onmousedown=do_out;
 } else																																		
 {
document.onmouseup=do_out;	   
}
function show_layer(x)
{
 if(document.layers)
  document.layers[x].visibility="show";
 else
  document.all[x].style.visibility="visible";
}
function hide_layer(x)
{
 if(document.layers)
  document.layers[x].visibility="hide";
 else
  document.all[x].style.visibility="hidden";
}
function do_menu(x)
{
 if(!old)
  old=memold;
 if(old!=x)
 {
  show_layer(x);
  old=x;
 } else
  old="";
}
function do_check(x)
{
 if(old && old!=x)
 {
  hide_layer(old);
  show_layer(x);
  old=x;
 }
 do_submenu();
}
function do_out()
{
 if(old)
  hide_layer(old);
 memold=old; old="";
 do_submenu();
}
function do_submenu(x)
{
 if(subold)
 {
  hide_layer(subold);
  subold="";
 }
 if(x)
 {
  show_layer(x);
  subold=x;
 }
}
// -->
</script>
</HEAD>
<body bgcolor="#000000" text="#ffffff" link="#ff5555" alink="#ff0000" vlink="#999999">
<div id="m1" class="menu" style="left: 5;">
<table bgcolor="000000" cellspacing="0" cellpadding="2" border="1" width="115">
  <tr>
	<td><a href="javascript:do_menu('m1x')" onmouseover="do_check('m1x')"><b>Системы</b></a>
	</td>
  </tr>
</table>
</div><div id="m1x" class="submenu" style="left: 5;">
<table bgcolor="000000" cellspacing="0" cellpadding="2" border="1" width="115">
  <tr>
	<td><a href="../../..//_default.htm">Windows</a><br>
	<a href="../../..//_default.htm">Mac</a><br>
	<a href="../../..//_default.htm">Unix</a><br>
	<a href="../../..//_default.htm">BeOS</a> </td>
  </tr>
</table>
</div><div id="m2" class="menu" style="left: 120;">
<table bgcolor="000000" cellspacing="0" cellpadding="2" border="1" width="100">
  <tr>
	<td><a href="javascript:do_menu('m2x')" onmouseover="do_check('m2x')"><b>Software</b></a> </td>
  </tr>
</table>
</div><div id="m2x" class="submenu" style="left: 120;">
<table bgcolor="000000" cellspacing="0" cellpadding="2" border="1" width="100">
  <tr>
	<td><a href="../../..//_default.htm" onmouseover="do_submenu('m21x')">Work</a> >><br>
	<a href="../../..//_default.htm" onmouseover="do_submenu()">Tools</a><br>
	<a href="../../..//_default.htm" onmouseover="do_submenu('m22x')">Spiele</a> >> </td>
  </tr>
</table>
</div><div id="m21x" class="submenu" style="left: 180; top:24; z-index:1;">
<table bgcolor="000000" cellspacing="0" cellpadding="2" border="1" width="100">
  <tr>
	<td><a href="../../..//_default.htm">Star Office</a><br>
	<a href="../../..//_default.htm">Communicator</a><br>
	<a href="../../..//_default.htm">Photoshop</a>
	<a href="../../..//_default.htm">Freehand</a> </td>
  </tr>
</table>
</div><div id="m22x" class="submenu" style="left: 180; top:58; z-index:1;">
<table bgcolor="000000" cellspacing="0" cellpadding="2" border="1" width="100">
  <tr>
	<td><a href="../../..//_default.htm">Tomb Raider</a><br>
	<a href="../../..//_default.htm">Quake</a><br>
	<a href="../../..//_default.htm">Swing</a> </td>
  </tr>
</table>
</div><div id="m3" class="menu" style="left: 220;">
<table bgcolor="000000" cellspacing="0" cellpadding="2" border="1" width="100">
  <tr>
	<td><a href="javascript:do_menu('m3x')" onmouseover="do_check('m3x')"><b>Hardware</b></a> </td>
  </tr>
</table>
</div><div id="m3x" class="submenu" style="left: 220;">
<table bgcolor="000000" cellspacing="0" cellpadding="2" border="1" width="100">
  <tr>
	<td><a href="../../..//_default.htm">PC</a><br>
	<a href="../../..//_default.htm">Mac</a><br>
	<a href="../../..//_default.htm">Amiga</a><br>
	<a href="../../..//_default.htm">UNIX</a> </td>
  </tr>
</table>
</div>

Пока что привела в качестве примера то, что у меня нашлось в моих завалов скриптов. Если же тебе нужно именно всплывающее лишь при наведении меню, то поищу другие.

Меню выпадающее на javascript

carrie

Гость

Unknown

Группа удаления

Strange&BeautyElf

Гость

Lenusik

Гуру

Похожие темы