НА КУХНЕ У СИДОРОВА

menu1(
      "Раздел1", "item1.htm",
      "Раздел2", "item2.htm",
      "Раздел3", "item3.htm"
    );

// Построение списка ссылок.
// Обращение к функции:
// menu1(
//          "имя раздела меню", "ссылка",
//          ...
//          "имя раздела меню", "ссылка",
//      );
function menu1()
{
  var alen = arguments.length; // Число аргументов функции.
  if(alen < 1) // Функция работает,
  {            // если число аргументов больше одного.
    // Если число аргументов нечетно,
    //  последний аргумент игнорируем.
    if(alen%2) alen--;
    // Строим начальный тег списка.
    document.write("<UL type=disc>");
    // Построение списка.
    for(var i=0; i<alen; i+=2)
      document.write("<LI><A href="+arguments[i+1]+">"+
                     arguments[i]+"</A>");
    document.write("</UL>"); // Строим конечный тег списка.
  }
}

function menu2_go(sel)
{
  var link;
  if     (sel.selectedIndex==0) link="item1.htm";
  else if(sel.selectedIndex==1) link="item2.htm";
  else                          link="item3.htm";
  location.href=link;
}

menu2(
      "Раздел1", "item1.htm",
       ...
      "Разделn", "itemn.htm"
     );

// Построение меню ссылок.
// Обращение к функции:
// menu2(
//          "имя раздела меню", "ссылка",
//          ...
//          "имя раздела меню", "ссылка"
//      );
//----------------------------------------
var links = new Array(); // В этот массив помещаются ссылки.
function menu2()
{
  var alen = arguments.length; // Число аргументов функции
  if(alen < 1) // Функция работает,
  {            // если число аргументов больше одного.
    // Если число аргументов нечетно,
    // последний аргумент игнорируем.
    if(alen%2) alen--;
    document.write("<FORM><SELECT name=select size= "+alen/2+">");
    // Построение позиций меню и заполнение массива ссылками.
   for(var i=0; i<alen; i+=2)
   {
     document.write("<OPTION>"+arguments[i]+"</OPTION>");
     links[i/2] = arguments[i+1];
   }
   document.write("</SELECT><INPUT type=button value=Пуск"+
                  " onclick='menu2_go(this.form.select)'></FORM>");
  }
}
// Обработка щелчка на кнопке "Пуск"
function menu2_go(sel)
{
  location.href= links[sel.selectedIndex];
}

// Меню ссылок (объект MenuSelect).
// Использование.
// 1. Создать экземпляр объекта:
//  var имя_экземпляра=MenuSelect(имя_экземпляра,
//                                название1,
//                                ссылка1, ...);
//  Здесь:
//    имя_экземпляра - имя созданного экземпляра;
//    название1      - текст для первой строки меню;
//    ссылка1        - ссылка для первой строки меню.
// 2. Настроить внешний вид меню используя свойства объекта:
//  имя_экземпляра.allview = true  - видны все строки меню
//  имя_экземпляра.allview = false - видна одна строка меню
//                                   (по умолчанию)
//  имя_экземпляра.mark = 0 - отмеченная строка
//                            (по умолчанию первая)
//  имя_экземпляра.textgo - текст на кнопке "Пуск"
//                          (по умолчанию "Пуск").
// 3. Показать меню на экране:
//    имя_экземпляра.Show();
//------------------------------------------
// Описание одной строки меню (название, ccылка).
function item(name, link)
{
  this.name=name; // Текст в строке меню.
  this.link=link; // Ссылка, соответствующая тексту.
}
// Конструктор главного объекта.
function MenuSelect()
{
  // Свойства объекта для пользователя.
  this.allview = false;
  this.textgo  = "Пуск";
  this.mark    = 0;
  // Методы объекта для пользователя.
  this.Show = _Show;

  // Внутренние переменные.
  this.items = new Array();    // Массив строк меню.
  this.name  = arguments[0];   // Имя экземпляра объекта.

  // Внутренние функции.
  this.Make   = _Make;         // Щелчок на строке меню.

  var alen = arguments.length; // Число аргументов конструктора
  if(!alen%2) alen--;          // должно быть нечетным.
  // Заполним массив items (строки меню).
  var j = 0; // Это индекс по массиву items.
  for(var i=1; i<alen; i+=2)
    this.items[j++] = new item(arguments[i],arguments[i+1]);
}

// Обработка нажатия кнопки Пуск.
function _Make(sel)
{
  location.href = this.items[sel.selectedIndex].link;
}
// Генерация HTML-кода для построения меню на экране.
function _Show()
{
  var len = this.items.length;
  var str= "<FORM><SELECT name=select size="+
            (this.allview ? len:1)+">";
  for(var i=0; i<len; i++)
      str += "<OPTION" + (i==this.mark ? " selected>" : ">") +
             this.items[i].name+"</OPTION>";
  str += "</SELECT><INPUT type=button value='"+this.textgo+"'"+
         " onclick='"+this.name+".Make(this.form.select)'>"+
         "</FORM>";
  document.write(str);
}

//-- Файл menupic.js
// Меню ссылок на графических кнопках.
// (работает в Internet Explorer и Netscape Navigator)
// Использование
// -------------
// Меню представляет собой объект MenuPic. Необходимо:
// 1. Подготовить картинки кнопки и дать им имена по правилу:
//    имя011.расширение  - первая кнопка, курсор не над кнопкой;
//    имя012.расширение - первая кнопка, курсор над кнопкой;
//    ...
//    Пример
//    key011.gif
//    key012.gif
//    ...
// 2. Создать экземпляр объекта.
//    var имя_экземпляра = MenuPic(
//           имя_экземпляра, основа, расширение, ширина, высота,
//           название1, ссылка1, ...);
//    Здесь:
//    имя_экземпляра - имя экземпляра объекта MenuPic
//                     (например, "mp");
//    основа         - основа имени картинок
//                     (например, "./pic/key");
//    расширение     - расширение имени картинок
//                     (например, "gif");
//    ширина         - ширина картинки (например, 43);
//    высота         - высота картинки (например, 43);
//    название1      - alt-текст для первой кнопки
//                     (например, "Урок 1");
//    ссылка1        - ссылка для первой кнопки
//                     (например, "../01.htm")
//    ...
// 3. Показать меню на экране.
//    имя_экземпляра.Show();
//------------------------------------------
// Описание одной строки меню.
// pic_over -ссылка на картинку под курсором.
// pic_out - ссылка на основную картинку.
// name - содержание alt-надписи кнопки.
// link - URL для перехода.
function item(pic_over, pic_out, name, link)
{
  // Создали два экземпляра объекта Image.
  this.pic_over = new Image();
  this.pic_out  = new Image();

  this.pic_over.src=pic_over;
  this.pic_out.src=pic_out;
  this.name = name;
  this.link = link;
}
// Конструктор главного объекта.
function MenuPic(name,base,ext,width,height)
{
  this.name   = name;        // Имя экземпляра объекта.
  this.width  = width;       // Ширина картинок.
  this.height = height;      // Высота картинок.
  this.items  = new Array(); // Массив позиций меню.
  this.Show   = _Show;       // Метод для показа меню на экране.
  this.ismenu = arguments.length > 6; // false, если
                                      // аргументов мало.
  // Заполнение массива данными
  if(this.ismenu)
  {
    var j=0;
    for(var i=5; i<arguments.length; i+=2)
    {
      var num = j < 9 ? "0"+eval(j+1):eval(j+1);
      this.items[j++] = new item(base+num+"2."+ext,
                                 base+num+"1."+ext,
                                 arguments[i],
                                 arguments[i+1]);
    }
  }
}
// Показать меню на экране
function _Show()
{
 if(this.ismenu)
 {
   document.write("<NOBR>");
   for(var i=0; i<this.items.length; i++)
    document.write(
      "<A href="+this.items[i].link+
      " onmouseover=\"document.images."+this.name+i+".src='"+
         this.items[i].pic_over.src+"'\""+
      " onmouseout=\"document.images."+this.name+i+".src='"+
         this.items[i].pic_out.src+"'\""+
      "><IMG name="+this.name+i+" border=0 src="+
      this.items[i].pic_out.src+
      " width="+this.width+" height="+this.height+
      " alt=\""+this.items[i].name+"\"></A>");
   document.write("</NOBR>");
 }
}

function _Show()
{
 if(this.ismenu)
 {
   document.write("<NOBR>");
   for(var i=0; i<this.len; i++)
    document.write(
      "<A href="+this.items[i].link+
      "><IMG border=0 src="+this.items[i].pic_out.src+
      " width="+this.width+" height="+this.height+
      " alt=\""+this.items[i].name+"\""+
      " onmouseover=\"this.src='"+this.items[i].pic_over.src+"'\""+
      " onmouseout=\"this.src='"+this.items[i].pic_out.src+"'\""+
      "></A>");
   document.write("</NOBR>");
 }
}