Мы переехали
Теперь форум доступен по адресу forum.softomania.org.ua
 
On-line: гостей 0. Всего: 0 [подробнее..]
АвторСообщение
администратор




Сообщение: 50
Откуда: Юкрайна, Антрацит
Репутация: 0
ссылка на сообщение  Отправлено: 30.04.09 15:46. Заголовок: Продвинутая система меню


Код:

<HTML>
<HEAD>
<TITLE></TITLE>
<STYLE>
BODY, DIV, TD, LAYER { font-size:10pt; font-family:arial; }
A:link, A:visited { color:#0000FF; text-decoration:none; }
A:hover, A:active { color:#0000FF; text-decoration:none; }
</STYLE>

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
No3 = (parseInt(navigator.appVersion) > 3) ? 1:0;
layer = (document.all && No3) ? "document.all['L'+menu].style" : (document.layers && No3) ? "document.layers['L'+menu]" : 0;
var timer;

function Show() { if(layer) {
if(timer) clearTimeout(timer);
for(menu=0; menu<Layer.length; menu++) { if(Layer[menu]) { eval(layer).visibility = "hidden"; } }
for(i=0; i<arguments.length; i++) { menu=arguments; eval(layer).visibility = "visible"; }
} }
function Hide() { timer = setTimeout("Show()", 500); }
//-->
</SCRIPT>

</HEAD>

<BODY BGCOLOR="#FFFFFF">

<BR>
<SPAN ID="menubar" STYLE="position:relative; visibility:hidden;">
<TABLE WIDTH=200 BGCOLOR="#BBBBBB" BORDER=0 CELLPADDING=3 CELLSPACING=0><TR>
<TD><A HREF="http://softomania.ho.ua" onMouseOver="Show(1)" onMouseOut="Hide(1)">Drop1</A></TD>
<TD><A HREF="http://softomania.ho.ua" onMouseOver="Show(2)" onMouseOut="Hide(2)">Drop2</A></TD>
<TD><A HREF="http://softomania.ho.ua" onMouseOver="Show(3)" onMouseOut="Hide(3)">Drop3</A></TD>
</TR></TABLE>
</SPAN>

<SCRIPT LANGUAGE="JavaScript">
<!--

//////////////////////////////////////////////////////

hovercolor = "#BBBBBB"; // color name/code
bgcolor = "#DDDDDD"; // color name/code
background = ""; // picture url

menu_border = 1; // IE only
border_color = "#000000"; // IE only

arrow_pic = "script740849_0_2.gif"; // url of arrow picture for submenus

//////////////////////////////////////////////////////


if(document.all) { if(!background) { background=bgcolor; } else { background = "url("+background+")"; } }

function LayerSpecs(Left,Top,Width) { if(No3) {
if(document.all) { Top+=7; Left+=2; Width-=6; }
this.left = Left;
this.top = Top;
this.info = "";
T=0;
for(i=3; i<arguments.length; i++) {
if(document.all) { this.info += "<TR><TD WIDTH="+Width+" onMouseOver='this.bgColor=\""+hovercolor+"\"' onMouseOut='this.bgColor=\"\"'>"+arguments+"</TD></TR>"; }
else { this.info += "<LAYER onMouseOver='this.bgColor=\""+hovercolor+"\"' onMouseOut='this.bgColor=\""+bgcolor+"\"' WIDTH="+Width+" POSITION=RELATIVE TOP="+T+">&nbsp;"+arguments+"</LAYER>"; }
T+=20;
}
} }

Layer = new Array();
arrow = "<IMG SRC='"+arrow_pic+"' WIDTH=6 HEIGHT=10 BORDER=0 ALT=''>";


//////////////////////////////////////////////

/* Create Your layers below by typing:
Layer[incrementing number] = new LayerSpecs(Left Position, Top Position, Width, List of Links Seperated by Commas)
If a layer has a sublayer, add onMouseOver="Show(Layer Number to Open, Current Layer, Any Layers Opened before the current layer (seperated by commas)
*/

Layer[1] = new LayerSpecs(8,47,110,
'<A HREF="http://softomania.ho.ua" onMouseOver="Show(4,1)">Layer 1</A> '+arrow,
'<A HREF="http://softomania.ho.ua" onMouseOver="Show(1)">softomania.ho.ua</A> ',
'<A HREF="http://softomania.ho.ua" onMouseOver="Show(1)">softomania.ho.ua</A> ',
'<A HREF="http://softomania.ho.ua" onMouseOver="Show(1)">softomania.ho.ua</A> ',
'<A HREF="http://softomania.ho.ua" onMouseOver="Show(1)">softomania.ho.ua</A> '
);

Layer[2] = new LayerSpecs(74,47,110,
'<A HREF="http://softomania.ho.ua" onMouseOver="Show(6,2)">Layer 2</A> '+arrow,
'<A HREF="http://softomania.ho.ua" onMouseOver="Show(2)">softomania.ho.ua</A> ',
'<A HREF="http://softomania.ho.ua" onMouseOver="Show(7,2)">softomania.ho.ua</A> '+arrow,
'<A HREF="http://softomania.ho.ua" onMouseOver="Show(8,2)">softomania.ho.ua</A> '+arrow,
'<A HREF="http://softomania.ho.ua" onMouseOver="Show(2)">softomania.ho.ua</A> '
);

Layer[3] = new LayerSpecs(141,47,110,
'<A HREF="http://softomania.ho.ua">Layer 3</A> ',
'<A HREF="http://softomania.ho.ua">softomania.ho.ua</A> ',
'<A HREF="http://softomania.ho.ua">softomania.ho.ua</A> ',
'<A HREF="http://softomania.ho.ua">softomania.ho.ua</A> ',
'<A HREF="http://softomania.ho.ua">softomania.ho.ua</A> '
);

Layer[4] = new LayerSpecs(119,47,110,
'<A HREF="http://softomania.ho.ua" onMouseOver="Show(4,1)">Layer 4</A> ',
'<A HREF="http://softomania.ho.ua" onMouseOver="Show(4,1)">softomania.ho.ua</A> ',
'<A HREF="http://softomania.ho.ua" onMouseOver="Show(4,1)">softomania.ho.ua</A> ',
'<A HREF="http://softomania.ho.ua" onMouseOver="Show(5,4,1)">softomania.ho.ua</A> '+arrow,
'<A HREF="http://softomania.ho.ua" onMouseOver="Show(4,1)">softomania.ho.ua</A> '
);

Layer[5] = new LayerSpecs(230,47,110,
'<A HREF="http://softomania.ho.ua">Layer 5</A> ',
'<A HREF="http://softomania.ho.ua">softomania.ho.ua</A> ',
'<A HREF="http://softomania.ho.ua">softomania.ho.ua</A> ',
'<A HREF="http://softomania.ho.ua">softomania.ho.ua</A> ',
'<A HREF="http://softomania.ho.ua">softomania.ho.ua</A> '
);

Layer[6] = new LayerSpecs(185,47,110,
'<A HREF="http://softomania.ho.ua">Layer 6</A> ',
'<A HREF="http://softomania.ho.ua">softomania.ho.ua</A> ',
'<A HREF="http://softomania.ho.ua">softomania.ho.ua</A> ',
'<A HREF="http://softomania.ho.ua">softomania.ho.ua</A> ',
'<A HREF="http://softomania.ho.ua">softomania.ho.ua</A> '
);

Layer[7] = new LayerSpecs(185,47,110,
'<A HREF="http://softomania.ho.ua">Layer 7</A> ',
'<A HREF="http://softomania.ho.ua">softomania.ho.ua</A> ',
'<A HREF="http://softomania.ho.ua">softomania.ho.ua</A> ',
'<A HREF="http://softomania.ho.ua">softomania.ho.ua</A> ',
'<A HREF="http://softomania.ho.ua">softomania.ho.ua</A> '
);

Layer[8] = new LayerSpecs(185,47,110,
'<A HREF="http://softomania.ho.ua">Layer 8</A> ',
'<A HREF="http://softomania.ho.ua">softomania.ho.ua</A> ',
'<A HREF="http://softomania.ho.ua">softomania.ho.ua</A> ',
'<A HREF="http://softomania.ho.ua">softomania.ho.ua</A> ',
'<A HREF="http://softomania.ho.ua">softomania.ho.ua</A> '
);


////////////////////////////////////////////////////////////////

j = (Layer[0]) ? 0:1;

for(i=j; i<Layer.length; i++) {
if(document.all && No3) { document.write("<SPAN onMouseOver='clearTimeout(timer)' onMouseOut='Hide("+i+")' ID='L"+i+"' STYLE='position:absolute; visibility:hidden; background:"+background+"; top:"+Layer.top+"; left:"+Layer.left+";'><TABLE STYLE='border:solid "+menu_border+" "+border_color+"'>"+Layer.info+"</TABLE></SPAN>"); }
else if(document.layers && No3) { document.write("<LAYER onMouseOver='clearTimeout(timer)' onMouseOut='Hide("+i+")' ID='L"+i+"' POSITION=ABSOLUTE VISIBILITY=HIDDEN BGCOLOR='"+bgcolor+"' BACKGROUND='"+background+"' TOP="+Layer.top+" LEFT="+Layer.left+">"+Layer.info+"</LAYER>"); }
}

if(document.all) { document.all["menubar"].style.visibility = "visible"; }
else if(document.layers) { document.layers["menubar"].visibility = "visible"; }

// -->
</SCRIPT>


<BR><BR><BR>

<H2><FONT FACE="Arial">Advanced Menu System</FONT></H2>

<UL>
<LI>Create Endless Menus and Submenus
<LI>Works in both IE 5 and Netscape 5
<LI>Link to generic page for older browsers
<LI>Customizable hovercolor, background color, background image
<LI>Customizable menu border and border color in IE 5
</UL>

</BODY>
</HTML>


Спасибо: 0 
ПрофильЦитата Ответить
Новых ответов нет


Ответ:
1 2 3 4 5 6 7 8 9
большой шрифт малый шрифт надстрочный подстрочный заголовок большой заголовок видео с youtube.com картинка из интернета картинка с компьютера ссылка файл с компьютера русская клавиатура транслитератор  цитата  кавычки моноширинный шрифт моноширинный шрифт горизонтальная линия отступ точка LI бегущая строка оффтопик свернутый текст

показывать это сообщение только модераторам
не делать ссылки активными
Имя, пароль:      зарегистрироваться    
Тему читают:
- участник сейчас на форуме
- участник вне форума
Все даты в формате GMT  3 час. Хитов сегодня: 4
Права: смайлы да, картинки да, шрифты да, голосования нет
аватары да, автозамена ссылок вкл, премодерация откл, правка нет



Graffiti Decorations(R) Studio (TM) Site Promoter Rambler's Top100 Топ100 - Софт Каталог полезных сайтов 299.ру
Каталог услуг и товаров в интернет Пословицы и поговорки народов мира Каталог интернет-ресурсов