Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

NinaQ

criação de menu interativo...

Recommended Posts

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

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

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

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.