* CURSED ANGELS *

Menu 2

Exemplo

Cole o código abaixo entre as tags <head> e </head> do seu template

Cole o código abaixo entre as tags <body> e </body> do seu template

<DIV> <script language="JavaScript1.2"> q1="<a href='";q2="' title='";q3="' target=meio>";q4="</a>";q5="<div class=sp></div>";q6="</div>";q7="<div class='mh'>";q8="' class='mn' style='position: absolute;width:" d=document;dm=d.getElementById?1:0;ie=d.all?1:0;i4=(d.all && !dm)?1:0;n4=d.layers?1:0 mn=new Array();ln=new Array();sn=new Array();sw=new Array();el= new Array();mel= new Array() tp=100 // distancia do topo do menu em relação a pagina lf=270 //distancia da esquerda do menu em relação a pagina sp=1 //espaço entre os menus hr=1 //espaço horizontal (1 - horizontal | 0 - vertical) oh=50 ov=50 // primeiro menu mn[0]='Link';ln[0]='#';sw[0]=100;sn[0]="" // primeiro titulo +q1+"http://endereçodolink"+q2+"Descrição do link"+q3+"Link 1"+q4 //segundo menu mn[1]='Link';ln[1]='#';sw[1]=100;sn[1]="" +q1+"http://endereçodolink"+q2+"Descrição do link"+q3+"Link 1"+q4 //terceiro menu mn[2]='Link';ln[2]='#';sw[2]=130;sn[2]="" +q1+"http://endereçodolink"+q2+"Descrição do link"+q3+"Link 1"+q4 // NÃO É NECESSARIO ALTERAR O CODIGO ABAIXO // ma=mn.length;mw=0;for(i=0;i<ma;i++){if(sw[i]>mw)mw=sw[i]};d.write("<div id='ctrl' style='position:absolute;width:100%;height:100%;z-indez:90' onmouseover='hA()'></div>");ctr=gE('ctrl') if(hr==1){sp+=(dm&&!ie)?4:0;for(i=0;i<ma;i++){d.write("<div id='main"+i+q8+sw[i]+";top:"+tp+";left:"+lf+q3+q1+ln[i]+"' onmouseover='hA();sE(el["+i+"]);sE(ctr)"+q3+mn[i]+q4+q6);mel[i]=gE("main"+i);d.write("<div id='sub"+i+q8+sw[i]+";top:"+(tp+gH(mel[i])-1)+";left:"+lf+q3+sn[i]+q6);el[i]=gE("sub"+i);lf+=(gW(mel[i])+sp)}} else{for(i=0;i<ma;i++){d.write("<div id='main"+i+q8+mw+";top:"+tp+";left:"+lf+q3+q1+ln[i]+"' onmouseover='hA();sE(el["+i+"]);sE(ctr)"+q3+mn[i]+q4+q6);mel[i]=gE("main"+i);d.write("<div id='sub"+i+q8+sw[i]+";top:"+(tp+ov)+";left:"+(lf+mw-oh)+q3+sn[i]+q6);tp+=(gH(mel[i])+sp);el[i]=gE("sub"+i)}} function hA(){for(i=0;i<ma;i++)hE(el[i]);hE(ctr)};function zA(){for(i=0;i<ma;i++){sZ(el[i],111);sZ(mel[i],100)}};function gE(e){if(dm){r=d.getElementById(e);return d.getElementById(e).style}if(i4)return d.all[e].style;if(n4)return d.layers[e]} function hE(e){e.visibility="hidden"};function sE(e){e.visibility="visible"};function sZ(e,z){e.zIndex=z};function gH(e){h=parseInt(e.height||e.pixelHeight||r.offsetHeight);return h};function gW(e){w=parseInt(e.width||e.pixelWidth||r.offsetWidth);return w} hA();zA();d.onclick=hA </script> </DIV>

Editando

tp=100 // distancia do topo do menu em relação a pagina
lf=270 //distancia da esquerda do menu em relação a pagina
sp=1 //espaço entre os menus
hr=1 //espaço horizontal (1 - horizontal | 0 - vertical)
oh=50
ov=50

// primeiro menu
mn[0]='Link';ln[0]='#';sw[0]=100;sn[0]="" // primeiro titulo
+q1+"http://endereçodolink"+q2+"Descrição do link"+q3+"Link 1"+q4

para acrescentar mais menu basta seguir a ordem

mn[0]='titulo um';ln[0]='#';sw[0]=100;sn[0]="" // menu 1
+q1+"http://endereçodolink"+q2+"Descrição do link"+q3+"Link 1"+q4

mn[1]='titulo dois';ln[1]='#';sw[1]=100;sn[1]="" // menu 2
+q1+"http://endereçodolink"+q2+"Descrição do link"+q3+"Link 1"+q4

mn[2]='titulo tres';ln[2]='#';sw[2]=100;sn[2]="" // menu 3
+q1+"http://endereçodolink"+q2+"Descrição do link"+q3+"Link 1"+q4
+q1+"http://endereçodolink"+q2+"Descrição do link"+q3+"Link 1"+q4
+q1+"http://endereçodolink"+q2+"Descrição do link"+q3+"Link 1"+q4

E assim por diante.

« Anterior Topo