NinaQ 0 Denunciar post Postado Março 8, 2007 para o site. exemplo: http://www.bb.com.br/appbb/portal/index.jsp gostaria de dicas de como criar esse tipo de menu - onde passa o mouse e o menu ativa com os respectivos sub-links. Caso consiga em outro tipo de programação, me avisem. Um abraço! Compartilhar este post Link para o post Compartilhar em outros sites
vinnydracon 0 Denunciar post Postado Março 14, 2007 Oi Nina td bem?^^ então, eu saberia lhe dizer como fzer isso em flash, fireworks e depois exportar p/ o Dreamweaver... mas ali no acaso ele utilizou creio eu q J2EE q é a tecnologia usada p/ internet, ma ñ tenho mta certeza se foi utilizada msm a J2EE pq pelo tipo de formato tá mais p/ JSP :huh: ...^^ verificarei melhor mais tarde e dai te psso as informações necessárias ou q melhor expliquem o q escrevi^^ :D http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif flow boa sorte... Compartilhar este post Link para o post Compartilhar em outros sites
gilmar Jface 0 Denunciar post Postado Abril 24, 2007 PROVAVELMENTE FOI UTILIZADO O ECLIPSE, COM TOMCAT E STRUTS, ENTÃO PARA FAZER É BOM TER A IDE ECLIPSE, É MAIS FÁCIL! Oi Nina td bem?^^então, eu saberia lhe dizer como fzer isso em flash, fireworks e depois exportar p/ o Dreamweaver...mas ali no acaso ele utilizou creio eu q J2EE q é a tecnologia usada p/ internet, ma ñ tenho mta certeza se foi utilizada msm a J2EE pq pelo tipo de formato tá mais p/ JSP :huh: ...^^verificarei melhor mais tarde e dai te psso as informações necessárias ou q melhor expliquem o q escrevi^^ :D http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif flow boa sorte... Compartilhar este post Link para o post Compartilhar em outros sites
Brandao_ibi 0 Denunciar post Postado Abril 24, 2007 E ai beleza!!! Esse é um exemplo de um menu!!! <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><!-- saved from url=(0053)http://www.foxtergroup.com/coluna_js_dhtml/menu03.htm --><HTML><HEAD><TITLE>menu</TITLE><META content="text/html; charset=iso-8859-1" http-equiv=Content-Type><STYLE>BODY { COLOR: #000033; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px}P { COLOR: #000033; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px}TABLE { COLOR: #000033; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px}TD.input { COLOR: #000033; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px}TEXTAREA { COLOR: #000033; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px}A { COLOR: #000000; TEXT-DECORATION: none}.special { BACKGROUND-COLOR: #ffffff; LEFT: 0px; POSITION: relative; TOP: 0px}</STYLE><script language=javascript>function menu(){ submenu = []; for(i=0; i<6; i++) submenu[i] = []; textmenu = []; for(i=0; i<6; i++) textmenu[i] = []; textmenu[0][0] = ["Novo","Abrir","Abrir Como...","Salvar","Salvar Como...","Sair"] textmenu[0][1] = ["tESTE","","","",""]; textmenu[1][0] = ["Recortar","Copiar","Colar","Colar Especial","Limpar tudo","Options","Customize"] textmenu[1][1] = ["","","","","","",""]; textmenu[2][0] = ["Barras de ferramentas","Barra de Status","Barras do Explorer","Mostrar Imagem","Codigo Fonte","Tela Inteira"] textmenu[2][1] = ["","","","","",""]; textmenu[3][0] = ["Adicionar a Favoritos","Configurar","Excluir Favoritos"] textmenu[3][1] = ["","",""]; textmenu[4][0] = ["Sincronizar","Windows Update","Messenger","Opcoes de Internet"] textmenu[4][1] = ["","","",""]; textmenu[5][0] = ["Conteudo e Indice","Dica do Dia","Suporte On-line","Enviar Comentarios","Sobre o Internet Explorer"] textmenu[5][1] = ["","","","",""]; menus = []; if(document.getElementById){ menus[0] = document.getElementById("Layer1"); menus[1] = document.getElementById("Layer2"); menus[2] = document.getElementById("Layer3"); menus[3] = document.getElementById("Layer4"); menus[4] = document.getElementById("Layer5"); menus[5] = document.getElementById("Layer6"); menuinterno = document.getElementById("menu"); //menu.setAttribute("position","absolute") function over(){ this.style.backgroundColor = '#B2B4BF'; } function out(){ this.style.backgroundColor = '#ffffff'; } function show(){ this.style.visibility='visible'; } function hide(){ this.style.visibility='hidden'; } for(j=0; j<textmenu.length; j++){ for (i=0; i<textmenu[j][0].length; i++){ //alert(textmenu[j][0][i]) textmenu[j][0][i] = "<a href='"+textmenu[j][1][i]+"' target='_blank'>" + textmenu[j][0][i] + "</a>"; submenu[j][i] = document.createElement("DIV"); submenu[j][i].setAttribute("className", "special"); submenu[j][i].innerHTML = textmenu[j][0][i]; submenu[j][i].style.padding = "5px"; submenu[j][i].onmouseover = over; submenu[j][i].onmouseout = out; menus[j].appendChild(submenu[j][i]); } menus[j].style.top = (parseInt(menuinterno.style.top)+parseInt(menuinterno.style.height)); menus[j].onmouseover = show; menus[j].onmouseout = hide; } }}window.onload = menu;</SCRIPT><META content="MSHTML 5.00.2614.3500" name=GENERATOR></HEAD><BODY><DIV id=Layer1 style="BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM: #999999 1px solid; BORDER-LEFT: #999999 1px solid; BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; LEFT: 10px; PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; PADDING-TOP: 2px; POSITION: absolute; TOP: 37px; VISIBILITY: hidden; WIDTH: 170px; Z-INDEX: 1"></DIV><DIV id=Layer2 style="BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM: #999999 1px solid; BORDER-LEFT: #999999 1px solid; BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; LEFT: 65px; PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; PADDING-TOP: 2px; POSITION: absolute; TOP: 37px; VISIBILITY: hidden; WIDTH: 170px; Z-INDEX: 1"></DIV><DIV id=Layer3 style="BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM: #999999 1px solid; BORDER-LEFT: #999999 1px solid; BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; LEFT: 110px; PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; PADDING-TOP: 2px; POSITION: absolute; TOP: 37px; VISIBILITY: hidden; WIDTH: 170px; Z-INDEX: 1"></DIV><DIV id=Layer4 style="BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM: #999999 1px solid; BORDER-LEFT: #999999 1px solid; BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; LEFT: 155px; PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; PADDING-TOP: 2px; POSITION: absolute; TOP: 37px; VISIBILITY: hidden; WIDTH: 170px; Z-INDEX: 1"></DIV><DIV id=Layer5 style="BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM: #999999 1px solid; BORDER-LEFT: #999999 1px solid; BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; LEFT: 215px; PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; PADDING-TOP: 2px; POSITION: absolute; TOP: 37px; VISIBILITY: hidden; WIDTH: 170px; Z-INDEX: 1"></DIV><DIV id=Layer6 style="BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM: #999999 1px solid; BORDER-LEFT: #999999 1px solid; BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; LEFT: 290px; PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; PADDING-TOP: 2px; POSITION: absolute; TOP: 37px; VISIBILITY: hidden; WIDTH: 170px; Z-INDEX: 1"></DIV><DIV id=menu style="HEIGHT: 23px; LEFT: 10px; POSITION: absolute; TOP: 10px; WIDTH: 319px; Z-INDEX: 1000"><TABLE border=0 cellPadding=0 cellSpacing=0 width=319> <TBODY> <TR> <TD width=53><A href="javascript:void(null)" onmouseout=menus[0].onmouseout() onmouseover=menus[0].onmouseover()><IMG border=0 height=23 src="menu_arquivos/menu_01.jpg" width=53></A></TD> <TD width=45><A href="javascript:void(null)" onmouseout=menus[1].onmouseout() onmouseover=menus[1].onmouseover()><IMG border=0 height=23 src="menu_arquivos/menu_02.jpg" width=45></A></TD> <TD width=41><A href="javascript:void(null)" onmouseout=menus[2].onmouseout() onmouseover=menus[2].onmouseover()><IMG border=0 height=23 src="menu_arquivos/menu_03.jpg" width=41></A></TD> <TD width=62><A href="javascript:void(null)" onmouseout=menus[3].onmouseout() onmouseover=menus[3].onmouseover()><IMG border=0 height=23 src="menu_arquivos/menu_04.jpg" width=62></A></TD> <TD width=78><A href="javascript:void(null)" onmouseout=menus[4].onmouseout() onmouseover=menus[4].onmouseover()><IMG border=0 height=23 src="menu_arquivos/menu_05.jpg" width=78></A></TD> <TD width=40><A href="javascript:void(null)" onmouseout=menus[5].onmouseout() onmouseover=menus[5].onmouseover()><IMG border=0 height=23 src="menu_arquivos/menu_06.jpg" width=40></A></TD></TR></TBODY></TABLE></DIV><BR><BR><BR>Passe o mouse sobre os itens do menu. </BODY></HTML> Compartilhar este post Link para o post Compartilhar em outros sites