Jump to content


Photo

Como Foi Feito Esse Menu?


  • Faça o login para participar
3 replies to this topic

#1 polyworld

polyworld

    Jovem Nerd

  • Usuários
  • 94 posts
  • Sexo:Não informado
  • Localidade:Brasilia

Posted 01/01/2005, 15:20

Como foi feito o menu desse site?
Por que e coipie e colei codigo no meu editor de html e não vi o menu(o que ta em cima).

#2 abc2

abc2

    Cuidado com o Narcisismo

  • Usuários
  • 546 posts
  • Sexo:Não informado
  • Localidade:Blumenau/SC

Posted 01/01/2005, 16:44

ele foi feito em JS e vc ao viu ele pq eh uma objeto incluso...

vc pode pegar um modelo deste menu aqui no item Menu em Cascada

abraços

#3 Fábio

Fábio

    = )

  • Usuários
  • 547 posts
  • Sexo:Masculino
  • Localidade:Rio de Janeiro - RJ
  • Interesses:Aprender e, na medida do possível, ensinar.

Posted 02/01/2005, 00:07

Este JavaScript foi feito no Dreamweaver.
Abaixo está o código que você deve inserir entre as Tags <head> e </head>:

<script>
function MM_findObj(n, d) { //v3.0
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); 
  if(!x) {
 	 x = document.getElementById(n);
  }
  return x;
}

function MM_showHideLayers() { //v3.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) {
    if ((obj=MM_findObj(args[i]))!=null ) { 
   	 v=args[i+2];
   	 if (obj.visibility) { 
      v=(v=='show')?'visible':(v='hide')?'hidden':v; 
   	 } 
   	 else { 
      obj=obj.style; 
      v=(v=='show')?'visible':(v='hide')?'hidden':v; 
   	 }
   	 obj.visibility=v; 
    }
  }
}

function clik(src) {
  if(event.srcElement.tagName=='TD'){
    src.children.tags('A')[0].click();
 	 }
}
function over(src,clrOver) {
  if (!src.contains(event.fromElement)) {
    src.style.cursor = 'hand';
    src.bgColor = '#3C4963';
  }
}
function out(src,clrIn) {
  if (!src.contains(event.toElement)) {
    src.style.cursor = 'default';
    src.bgColor = '#2A3345';
  }
}
function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

// =======================

var IE = false;
var NS=false;
var browser_version = parseInt(navigator.appVersion);
var browser_type = navigator.appName;

if (browser_type == "Microsoft Internet Explorer" )
	{ IE = true; }
else
	if (browser_type == "Netscape" )
  { NS = true; }

function sobre (ocul,menu,src)
{
  for( i = 0; i < mm_levels[ ocul ].length; i++ )
	{
  MM_showHideLayers( mm_levels[ ocul ][ i ], '', 'hide' );
	}
	
  if (menu!=0)
	{      
  MM_showHideLayers(menu,'','show');
	}
  if ((IE == true) && (src!= 0))
	{
   over(src);
	}
}
</SCRIPT>
	


<script>
mm_levels = new Array();
mm_levels[1] = new Array('RegistroMenu','ProductosMenu','MicrositesMenu','DondeComprarMenu','SoporteTecnicoMenu','CorporativoMenu','AyudaMenu');
mm_levels[2] = new Array('drop683','drop723','drop713','drop707','drop693','drop689','drop1','SubMenuItems750260954');
mm_levels[3] = new Array('drop714','drop718','drop708','drop725','drop710','drop758','drop694','drop755');
</SCRIPT>

O Código está dividido em duas partes. A primeira é para mostrar o 'layer', no caso, para aprecer a camada com as seções do menu.
O segundo apenas identifica as funções. Com base na segunda função, você vai aplicar a terceira função dentro da tag <a href"#">:

onmouseover="MM_swapImage('Image3','','/assets/resources/globalnav/darkBlue/donde_comprar_on.gif',1);sobre(1,'DondeComprarMenu',this);" onmouseout="MM_swapImgRestore();sobre(1,'',this);"

** Este código foi retirado do site que você deu como exemplo. No caso, você teria que editar algumas funções mínimas, se quiser inserir em seu site, tais como endereço da imagem, identifiações, etc.

[]'s
Fábio Martinho
www.fabiomartinho.com
Participante da equipe de 11/11/2005 a 20/11/2007.

#4 polyworld

polyworld

    Jovem Nerd

  • Usuários
  • 94 posts
  • Sexo:Não informado
  • Localidade:Brasilia

Posted 02/01/2005, 13:46

agora deu certo




0 user(s) are reading this topic

0 membro(s), 0 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq