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).
Como Foi Feito Esse Menu?
Started By polyworld, 01/01/2005, 15:20
3 replies to this topic
#3
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>:
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"#">:
** 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
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
0 user(s) are reading this topic
0 membro(s), 0 visitante(s) e 0 membros anônimo(s)