Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 18.08.2009, 09:42
Аватар для JSprog
L
Отправить личное сообщение для JSprog Посмотреть профиль Найти все сообщения от JSprog
 
Регистрация: 16.08.2009
Сообщений: 416

Раскрывающиеся горизонтально меню
Вот менюшку написал кому надо берите...
<html>
 <head>
 <title></title>
<style>
body table{font-family:arial; color:white}
a:link {color:white}
.proc{width:25%;}
a:visited {color:white}
table {font-weight:bold;background:orange;}
table.glav{width:100%; height:38;}
a:hover{color:#purple}
table.menu {position:absolute; visibility:hidden; width:100;}
.td1 a{
	color:black;
	text-decoration:none;
	}
.td2 a{
	color:white;
	text-decoration:none;
	}
</style>

<script>
function showmenu(elmnt, obj) {
document.getElementById(elmnt).style.visibility="visible"
obj.style.background="white"
obj.style.color="black"
}
function showcolor(obj){
obj.style.background="white"
obj.className="td1";
}
function hidemenu(elmnt,obj) {
document.getElementById(elmnt).style.visibility="hidden"
obj.style.background="orange"
obj.style.color="white"
}
function hidecolor(obj){
obj.style.background="orange"
obj.className="td2";
}
var menu=new Array();
menu[0]=new Array();
menu[0][0]=new Array("1");
menu[0][1]=new Array("1","#");
menu[0][2]=new Array("2","#");
menu[1]=new Array();
menu[1][0]=new Array("2");
menu[1][1]=new Array("1","#");
menu[1][2]=new Array("2","#");
menu[1][3]=new Array("3","#");
menu[2]=new Array();
menu[2][0]=new Array("3");
menu[2][1]=new Array("1","#");
menu[2][2]=new Array("2","#");
menu[2][3]=new Array("3","#");
menu[3]=new Array();
menu[3][0]=new Array("4" );
menu[3][1]=new Array("1","#");
menu[3][2]=new Array("2","#");
menu[3][3]=new Array("3","#");
function upol() {
var a='<table class=Glav><tr class="center" height=40>';
for (var i=0;i<menu.length;i++)  {
a+='<td class=proc onMouseOver=showmenu("'+menu[i][0] + '",this); onMouseOut= hidemenu("' +menu[i][0]+ '",this) ;><center>'+menu[i][0][0]+ '</center><br>';

if (menu[i].length>0) {
a+='<table class=menu id='+menu[i][0]+'>';

for (var j=1;j<menu[i].length;j++)  {
a+='<tr height=25><td class=td2 onMouseOver=showcolor(this) onMouseOut=hidecolor(this)><a  href="'+menu[i][j][1]+'"<font id=font1>'+menu[i][j][0]+'</font></a>';
}
a+='</table>';
}
}
a+='</tr></table>'
document.write(a);
}

upol();
</script>
</head>
</html>

Последний раз редактировалось JSprog, 18.08.2009 в 09:44.
Ответить с цитированием
  #2 (permalink)  
Старый 18.08.2009, 10:01
Новичок на форуме
Отправить личное сообщение для alex0071 Посмотреть профиль Найти все сообщения от alex0071
 
Регистрация: 18.08.2009
Сообщений: 9

Спасибо как раз меню искал
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Ищу jQuery плагин для создания меню Zeboton jQuery 9 15.09.2014 15:31
анимированное меню на jquery глючит в ie leCadavreExquis jQuery 3 30.12.2009 17:30
Как "переключать" картинки в меню навигации? KirTer Элементы интерфейса 1 22.06.2009 11:49
Событие mouseout при наведении мыши на пункт меню WalterScott Events/DOM/Window 2 12.05.2009 22:05
Ссылка под слоем перекрывает слой Devider Общие вопросы Javascript 7 24.02.2009 23:18