Варианты меню

Меню в несколько рядов. Ссылка открывается в новом окне. (!Автор скрипта гламурная блондиночка не копировать!)

Посмотреть

<td> 
<TABLE cellSpacing=2 cellPadding=4 width="95%"

border=2> 
<TABLE cellSpacing=2 cellPadding=4 width="95%"

border=2> 
<TBODY> 
<TR style="FONT-SIZE: 13pt" align=middle

bgColor=#ff78ff font nowrap> 
<TD width="13%"><a href="адрес ссылки"

target=_blank>Название</A> 
</TD> 
<TD width="13%"><a href="адрес ссылки"

target=_blank>НАЗВАНИЕ </A> 
</TD> 
<TD width="13%"><a href="адрес ссылки"

target=_blank>НАЗВАНИЕ</A> </TD> 
<TD width="13%"><a href="адрес ссылки"

target=_blank>НАЗВАНИЕ</A>

<TD width="13%"><a href="адрес ссылки"

target=_blank>НАЗВАНИЕ</A> 
</TD> 
<TD width="13%"><a href="адрес ссылки"

target=_blank>НАЗВАНИЕ</A> 
</TD>

<TD width="13%"><a href="адрес ссылки"

target=_blank>НАЗВАНИЕ</A> 
</TD>

</TD> </TR> 
<TR style="FONT-SIZE: 13pt" align=middle

bgColor=#ff78ff font nowrap> 
<TD width="13%"><a href="адрес ссылки"

target=_blank>НАЗВАНИЕ</A> 
</TD> 
<TD width="13%"><a href="адрес ссылки"

target=_blank>НАЗВАНИЕ</A> 
</TD>

</TD> 
<TD width="13%"><a href="адрес ссылки"

target=_blank>НАЗВАНИЕ</A> 
</TD>

</TD> 
<TD width="13%"><a href="адрес ссылки"

target=_blank>НАЗВАНИЕ </A> 
</TD>

Меню в 2 столбика по бокам посмотреть

<td align="center" valign="top" width="208"><img src="http://s.foto.radikal.ru/0702/38d6ec2290cb.gif" width="200" height="21"><br>
    <br>
    <br>
    <br>
    <div align="left"><table border="0" cellpadding="0">
      
      </tr>
      <tr>
        <td align="center" width="141" background="http://s.foto.radikal.ru/0702/fd7238acd884.gif" height="31"><font face="Verdana"
        size="2"><a href="ccылка" class="menu"><strong>Название</strong></a></font></td>

</tr>
      <tr>
        <td align="center" width="141" background="http://s.foto.radikal.ru/0702/fd7238acd884.gif" height="31"><font face="Verdana"
        size="2"><a href="ccылка"><strong>Название</strong></a></font></td>
      </tr>
      <tr>
        <td align="center" width="141" background="http://s.foto.radikal.ru/0702/fd7238acd884.gif" height="31"><font face="Verdana"
        size="2"><a href="ccылка"><strong>Название</strong></a></font></td>
      </tr>
      <tr>

<td align="center" width="141" background="http://s.foto.radikal.ru/0702/fd7238acd884.gif" height="31"><font face="Verdana"
        size="2"><a href="ccылка"><strong>Название</strong></a></font></td>
      </tr>
      <tr>
        <td align="center" width="141" background="http://s.foto.radikal.ru/0702/fd7238acd884.gif" height="31"><font face="Verdana"
        size="2"><a href="ccылка"><strong>Название</strong></a></font></td>
      </tr>
      <tr>
          
<td align="center" width="141" background="http://s.foto.radikal.ru/0702/fd7238acd884.gif" height="31"><font face="Verdana"
        size="2"><a href="ccылка"><strong>Название</strong></a></font></td>

</tr>
      <tr>

<tr>

</tr>
      <tr>

<STYLE TYPE="text/css">
A:hover {filter: glow(color=#9966CC, strength=3); color:pink; height: 10px; TEXT-DECORATION: none }
</style>

</tr>
    </table>

</div></td>
    <td valign="top" width="537"><p align="center"><strong><font size="3" face="Verdana"></font><font size="2" face="Verdana"><br>
    <br>
    </font></strong><img src="" width="272" height="9"></p>
    <p align="left"><font size="2" face="Verdana"><strong><br>

Здесь может быть Ваш текст,картинка или рамочка для новостей.

Тут может быть текст,картинка или баннеры.

</CENTER>
      <HR>

</TD>
    <TD>
      
     </table>
        </td>
      </tr>
    </table>
    </center></div></td>
    <td width="8" align="center" valign="top"><img height="200" src="spacer.gif" width="8"></td>
    <td width="168" align="right" valign="top"><table cellSpacing="0" cellPadding="0"
    width="168" border="0">

<table border="0" cellpadding="0" cellspacing="5" width="100%">
  <tr>
    <td align="center" valign="top" width="208"><img src="http://s.foto.radikal.ru/0702/38d6ec2290cb.gif" width="200" height="21"><br>
    <br>
    <br>
    <br>
    <div align="left"><table border="0" cellpadding="0">
      <tr>
        <td align="center" width="141" background="http://s.foto.radikal.ru/0702/fd7238acd884.gif" height="31"><font face="Verdana"
        size="2"><a href="ccылка"><strong>Название</strong></a></font></td>

</tr>
      <tr>
        <td align="center" width="141" background="http://s.foto.radikal.ru/0702/fd7238acd884.gif" height="31"><font face="Verdana"
        size="2"><a href="ccылка" class="menu"><strong>Название</strong></a></font></td>
      </tr>
      <tr>
        <td align="center" width="141" background="http://s.foto.radikal.ru/0702/fd7238acd884.gif" height="31"><font face="Verdana"
        size="2"><a href="ccылка"><strong>Название</strong></a></font></td>
      </tr>
      <tr>

<td align="center" width="141" background="http://s.foto.radikal.ru/0702/fd7238acd884.gif" height="31"><font face="Verdana"
        size="2"><a href="ccылка"><strong>Название</strong></a></font></td>
      </tr>
      <tr>
        <td align="center" width="141" background="http://s.foto.radikal.ru/0702/fd7238acd884.gif" height="31"><font face="Verdana"
        size="2"><a href="ccылка"><strong>JavaSkripts</strong></a></font></td>
      </tr>
      <tr>
        <td align="center" width="141" background="http://s.foto.radikal.ru/0702/fd7238acd884.gif" height="31"><font face="Verdana"
        size="2"><a href="ccылка"><strong>Название</strong></a></font></td>

</tr>
      <tr>

Выпадающее меню Посмотреть

<SCRIPT LANGUAGE="JavaScript">
var isDOM = false, isNS4 = false;
if (document.all) var isDOM = true, docObj = 'document.all.', styObj = '.style';
else if (document.layers) var isNS4 = true, docObj = 'document.', styObj = '';
var popTimer = 0;
var litNow = new Array();
function popOver(menuNum, itemNum) {
clearTimeout(popTimer);
hideAllBut(menuNum);
litNow = getTree(menuNum, itemNum);
changeCol(litNow, true);
targetNum = menu[menuNum][itemNum].target;
if (targetNum > 0) {
targetName = menu[targetNum][0].id;
menuName = menu[menuNum][0].id;
menuRef = eval(docObj + menuName + styObj);
thisX = parseInt(menuRef.left);
thisY = parseInt(menuRef.top);
itemPath = docObj;//osw
if (isNS4) itemPath += menuName + '.document.';
itemRef = eval(itemPath + menuName + itemNum.toString() + styObj);
thisX += parseInt(itemRef.left);
thisY += parseInt(itemRef.top);
with (eval(docObj + targetName + styObj)) {
left = parseInt(thisX + menu[targetNum][0].x);
top = parseInt(thisY + menu[targetNum][0].y);
visibility = 'visible';
      }
   }
}
function popOut(menuNum, itemNum) {
popTimer = setTimeout('hideAllBut(0)', 500);
}
function getTree(menuNum, itemNum) {
itemArray = new Array(menu.length);
while(1) {
itemArray[menuNum] = itemNum;
if (menuNum == 0) return itemArray;
itemNum = menu[menuNum][0].parentItem;
menuNum = menu[menuNum][0].parentMenu;
   }
}
function changeCol(changeArray, isOver) {
for (menuCount = 0; menuCount < changeArray.length; menuCount++) {
if (changeArray[menuCount]) {
thisMenu = menu[menuCount][0].id;
thisItem = thisMenu + changeArray[menuCount].toString();
newCol = isOver ? menu[menuCount][0].overCol : menu[menuCount][0].backCol;
if (isDOM) document.all[thisItem].style.backgroundColor = newCol;
if (isNS4) document[thisMenu].document[thisItem].bgColor = newCol;
      }
   }
}
function hideAllBut(menuNum) {
var keepMenus = getTree(menuNum, 1);
for (count = 0; count < menu.length; count++)
if (!keepMenus[count])
eval(docObj + menu[count][0].id + styObj + '.visibility = "hidden"');
changeCol(litNow, false);
}
var endDL = isDOM ? '</div>' : '</layer>';
function Menu(id, x, y, width, overCol, backCol, borderCol) {
this.id = id;
this.x = x;
this.y = y;
this.width = width;
this.overCol = overCol;
this.backCol = backCol;
this.borderCol = borderCol;
this.parentMenu = null;
this.parentItem = null;
}
function Item(text, href, height, target) {
this.text = text;
this.href = href;
this.height = height;
this.target = target;
}
function startDL(id, x, y, width, height, vis, back, border, zIndex, extraProps) {
if (isDOM) {
str = '<div id="' + id + '" style="position: absolute; left: ' + x + '; top: ' + y +
 '; width: ' + width + '; height: ' + height + '; visibility: ' + vis + '; ';
if (back) str += 'background: ' + back + '; ';
if (border) str += 'padding: 3px; border: 1px solid ' + border + '; ';
if (zIndex) str += 'z-index: ' + zIndex + '; ';
str += '" ';
}
if (isNS4) {
str = '<layer id="' + id + '" left="' + x + '" top="' + y + '" width="' + width +
 '" height="' + height + '" visibility="' + vis + '" ';
if (back) str += 'bgcolor="' + back + '" ';
if (border) str += 'style="border: 1px solid ' + border + '" ';
if (zIndex) str += 'z-index="' + zIndex + '" ';
}
return str + extraProps + '>';
}
function mouseProps(currMenu, currItem) {
return 'onMouseOver="popOver(' + currMenu + ',' + currItem + ')" onMouseOut="popOut(' + currMenu + ',' + currItem + ')"';
}
function writeMenus(customRoot, popInd) {
for (currMenu = 0; currMenu < menu.length; currMenu++) {
showMenu = true;
if ((currMenu == 0) && customRoot) {
document.write(customRoot);
showMenu = false;
}
with (menu[currMenu][0]) {
//fantasyflash.ru
menuHTML = startDL(id, x, y, 0, 0, 'hidden', null, null, 100, '');
var back = backCol, bord = borderCol, currWidth = width - 8;
}
itemPos = 0;
for (currItem = 1; currItem < menu[currMenu].length; currItem++) {
trigID = menu[currMenu][0].id + currItem.toString();
with (menu[currMenu][currItem]) {
menuHTML += startDL(trigID, 0, itemPos, 0, 0, 'inherit', back, bord, 100, mouseProps(currMenu, currItem)) + '<table width="' + currWidth + '" border="0" cellspacing="0" cellpadding="0"><tr>' + '<td align="left"><a class="Item" href="' + href + '">' + text + '</a></td>' + '<td class="Item" align="right">' + (target ? popInd : '') + '</td></tr></table>' + endDL;
if (target > 0) {
menu[target][0].parentMenu = currMenu;
menu[target][0].parentItem = currItem;
}
itemPos += height;
   }
}

if (showMenu) document.write(menuHTML + endDL);
litNow[currMenu] = null;
   }
}
</script>
<style>

</style>

var menu = new Array();
var defOver = '#666699', defBack = '#003366', defBorder = '#000000';
var defHeight = 22;
menu[0] = new Array();
menu[0][0] = new Menu('rootMenu', 0, 0, 80, '#666699', '#666699', defBorder);
menu[0][1] = new Item('Linka1', '#', defHeight, 1);
menu[0][2] = new Item('Linka2', '#', defHeight, 2);
menu[0][3] = new Item('Linka3', '#', defHeight, 3);
menu[1] = new Array();
menu[1][0] = new Menu('fileMenu', 0, 22, 80, defOver, defBack, defBorder);
menu[1][1] = new Item('Linka4', '#', defHeight, 0);
menu[1][2] = new Item('Linka5', '#', defHeight, 0);
menu[1][3] = new Item('Linka6', '#', defHeight, 4);
menu[1][4] = new Item('Linka7', '#', defHeight, 0);
menu[1][5] = new Item('Linka8', '#', defHeight, 0);
menu[2] = new Array();//fantasyflash.ru
menu[2][0] = new Menu('editMenu', 0, 22, 80, defOver, defBack, defBorder);
menu[2][1] = new Item('Linka9', '#', defHeight, 0);
menu[2][2] = new Item('Linka10', '#', defHeight, 0);
menu[2][3] = new Item('Linka11', '#', defHeight, 0);
menu[3] = new Array();
menu[3][0] = new Menu('helpMenu', 0, 22, 80, defOver, defBack, defBorder);
menu[3][1] = new Item('Linka12', '#', defHeight, 0);
menu[3][2] = new Item('Linka13', '#', defHeight, 0);
menu[3][3] = new Item('Linka14', '#', defHeight, 0);
menu[4] = new Array();//osw
menu[4][0] = new Menu('reopenMenu', 85, 0, 100, '#333366', '#666699', '#666699');
menu[4][1] = new Item('Linka15', '#', defHeight, 0);
menu[4][2] = new Item('Linka16', '#', defHeight, 0);
menu[4][3] = new Item('Linka17', '#', defHeight, 0);
newRoot = startDL('rootMenu', 0, 0, '100%', 17, 'hidden', '#666699', null, 100, '');
newRoot += startDL('rootMenu1', 5, 0, 40, 17, 'inherit', '#666699', null, 100, mouseProps(0, 1));
newRoot += '<span class="Item">  Linka 1</span>' + endDL;
newRoot += startDL('rootMenu2', 55, 0, 40, 17, 'inherit', '#666699', null, 100, mouseProps(0, 2));
newRoot += '<span class="Item">  Linkа 2</span>' + endDL;
newRoot += startDL('rootMenu3', 105, 0, 40, 17, 'inherit', '#666699', null, 100, mouseProps(0, 3));
newRoot += '<span class="Item">  Linkа 3</span>' + endDL;
newRoot += endDL;//osw
writeMenus(newRoot, '>');
if (isNS4) document.captureEvents(Event.CLICK);
document.onclick = clickHandle;
function clickHandle(evt) {
if (isNS4) document.routeEvent(evt);
hideAllBut(0);
}
eval(docObj + menu[0][0].id + styObj + '.visibility = "visible"');
function moveRoot() {
rM = eval(docObj + menu[0][0].id + styObj);
if (parseInt(rM.top) < 40) rM.top = 40;
else rM.top = 0;
}</script>

Летающие меню
посмотреть

<html>
<head>
<title></title>
<style>
.fly {
COLOR: aqua;
FONT-FAMILY: arial;
FONT-SIZE: 30px;
POSITION: absolute;
VISIBILITY: hidden;
Z-INDEX: 2
}
.logo {
COLOR: #0b00e0;
FONT-FAMILY: times;
FONT-SIZE: 55px;
LEFT: 30px;
POSITION: absolute;
TOP: 0px;
VISIBILITY: visible;
Z-INDEX: 1
}
.desc {
COLOR: aqua;
FONT-FAMILY: arial;
FONT-SIZE: 12px;
LEFT: 40px;
POSITION: absolute;
TEXT-ALIGN: center;
TOP: 220px;
VISIBILITY: hidden;
WIDTH: 400px
}
BODY
A {COLOR:#6868ff }
A:VISITED {text-decoration:none;}
A:LINK {text-decoration: none;}
A:hover {COLOR: yellow; TEXT-DECORATION: none}
</style>
<script language="JavaScript">
    function showObject(object) {
        object.visibility = VISIBLE;
    }
    function hideObject(object) {
        object.visibility = HIDDEN;
    }
    function slideLogo(from, to) {
            if (from < to) {
                company.top = (from += 10);
                setTimeout('slideLogo(' + from + ',' + to + ')', 75);
            }
            else initObjects();
    }
    function rotateObjects() {
            for (var i = 0; i < pos.length; i++) {
                pos[i] += inc; objects[i].visibility = 'visible';
                objects[i].left = (r * Math.cos(pos[i])) + xoff
                objects[i].top = (r * Math.sin(pos[i])) + yoff;
            }
        rotateTimer = setTimeout("rotateObjects()", 70);
    }
     function initObjects() {
        objects = new Array(fly1, fly2, fly3, fly4, fly5, fly6);
        pos = new Array();
        pos[0] = 0;
            for (var i = 1; i < objects.length; i++) {
                pos[i] = parseFloat(pos[i - 1] + ((2 * pi) / objects.length));
            }
        rotateObjects();
    }
    var objects;
    var pos;
    var r = 155;        // radius
    var xoff = 180;     // x offset
    var yoff = 170;     // y offset
    var pi = Math.PI;   // get pi
    var inc = pi / 180; // degrees per rotation cycle
    var objects;        // objects to be rotated
    var pos;            // position for objects
</script>
</head>

<div class="fly" id="fly1">
<p><a onmouseout="hideObject(desc1)" onmouseover="showObject(desc1)"
href="" ><b>Ссылка 1</b></a></p>
</div>
<div class="fly" id="fly2">
<p><a onmouseout="hideObject(desc2)" onmouseover="showObject(desc2)"
href="" ><b>Ссылка 2</b></a></p>
</div>
<div class="fly" id="fly3">
<p><a onmouseout="hideObject(desc3)" onmouseover="showObject(desc3)"
href=""><b>Ссылка 3</b></a></p>
</div>
<div class="fly" id="fly4">
<p><a onmouseout="hideObject(desc4)" onmouseover="showObject(desc4)"
href=""><b>Ссылка 4</b></a></p>
</div>
<div class="fly" id="fly5">
<p><a onmouseout="hideObject(desc5)" onmouseover="showObject(desc5)"
href=""><b>Ссылка 5</b></a></p>
</div>
<div class="fly" id="fly6">
<p><a onmouseout="hideObject(desc6)" onmouseover="showObject(desc6)"
href=""><b>Ссылка 6</b></a></p>
</div>

<div class="logo" id="company">
<p><font color="red">        Заголовок</font></p>
</div>

<div class="desc" id="desc1">
<p><b>Подсказка 1</b></p>
</div>
<div class="desc" id="desc2">
<p><b>Подсказка 2</b></p>
</div>
<div class="desc" id="desc3">
<p><b>Подсказка 3</b></p>
</div>
<div class="desc" id="desc4">
<p><b>Подсказка 4</b></p>
</div>
<div class="desc" id="desc5">
<p><b>Подсказка 5</b></p>
</div>
<div class="desc" id="desc6">
<p><b>Подсказка 6</b></p>
</div>
<script language="JavaScript">
    var isNS = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 4);
    var HIDDEN = (isNS) ? 'hide' : 'hidden';
    var VISIBLE = (isNS) ? 'show' : 'visible';
    var fly1 = (isNS) ? document.fly1 : document.all.fly1.style;
    var fly2 = (isNS) ? document.fly2 : document.all.fly2.style;
    var fly3 = (isNS) ? document.fly3 : document.all.fly3.style;
    var fly4 = (isNS) ? document.fly4 : document.all.fly4.style;
    var fly5 = (isNS) ? document.fly5 : document.all.fly5.style;
    var fly6 = (isNS) ? document.fly6 : document.all.fly6.style;
    var company = (isNS) ? document.company : document.all.company.style;
    var desc1 = (isNS) ? document.desc1 : document.all.desc1.style;
    var desc2 = (isNS) ? document.desc2 : document.all.desc2.style;
    var desc3 = (isNS) ? document.desc3 : document.all.desc3.style;
    var desc4 = (isNS) ? document.desc4 : document.all.desc4.style;
    var desc5 = (isNS) ? document.desc5 : document.all.desc5.style;
    var desc6 = (isNS) ? document.desc6 : document.all.desc6.style;
    slideLogo(0, 140);
</script>

<div align="center"><a href="http://www.ucoz.ru/" title="Создать сайт бесплатно"><img style="margin:0;padding:0;border:0;" alt="Hosted by uCoz" src="http://s202.ucoz.net/img/cp/9.gif" width="80" height="15" title="Hosted by uCoz" /></a><br /></div>
</body>
</html>
</center>

</br>
<textarea>
<center>

<div class="logo" id="company">
<p><font color="red">        Заголовок</font></p>
</div>

</font face="Comic Sans MS" size="2"<font color="#160058">

</center>
<center><img border="0" src="razdelalka.gif"></p></center>

<STYLE>BODY {scrollbar-3dlight-color: #FFCC00;
scrollbar-arrow-color: #FFFFFF;
scrollbar-base-color: #FFFFFF;
scrollbar-darkshadow-color: #FFCC00;
scrollbar-face-color: #FFCC66;
scrollbar-highlight-color: #FFFFFF; 
scrollbar-shadow-color: #FFCC66;
scrollbar-track-color: #FDE0C4;}</STYLE>