Como fazer este menu?

Diegosz · Julho 28, 2003

Galera de plantão...

Deve ser bem simples no DW mas eu ainda naum sei.

Como faço este menu: Exemplo

Abraço,

Diego Souza

Algalord · Julho 28, 2003

Cara...apesar q nunca ter tentado fazer um menu assim, sei q eh com layers e a timeline do DW

graffdesign · Julho 28, 2003

A teoria e essa agora abra o link e se vira nos trinta gartão...

menu pop up

Diegosz · Julho 28, 2003

Credo.... muito boa esta dica galera...Vou testar isto hj a noite... volto a postar o meu sucesso ou não ... aki.."Balews..." :)

sitenovo · Julho 29, 2003

Seguinte,

Eis ao codigo do menu dessa pagina que você mencionou, é so a pagina do codigo, pois ele usa frames... muitos frames.. p/ dspistar copias... hehe.. mas ta ai a copia... divirta-se:

<html>

<head>

var layer= new String();

var style= new String();

var i, current;

var running = 0;

//browser check for layers

if (is_nav5up){

style=".style";

}

else if (is_nav4) {

layer=".layers";

style="";

}

else if (is_ie4up) {

layer=".all";

style=".style";

}

function rollOver(name){

hidelayer();

changeState(name+'menu','visible');

}

function rollOut(name){

}

var n,i,startLeft,endLeft;

// var moveX = new Array(1.00, 0.80, 0.60, 0.45, 0.35, 0.27, 0.21, 0.16, 0.12, 0.09, 0.07, 0.06, 0.05, 0.04, 0.03, 0.02, 0.01, 0.005, 0.0025, 0.00);

var moveX = new Array(1.00, 0.85, 0.64, 0.48, 0.37, 0.28, 0.21, 0.16, 0.12, 0.09, 0.068, 0.05, 0.036, 0.022, 0.01, 0.00);

//layer visibility

function changeState(layerRef,state){

if (is_nav5up){

evallayer="document.getElementById('"+layerRef+"').style.visibility='"+state+"'";

}

else{

evallayer="document"+layer+"['"+layerRef+"']"+style+".visibility='"+state+"'";

}

if(current != layerRef)

{

current = layerRef;

running = 1;

n = -1;

i = 630;

startLeft = 630;

endLeft = -5;

eval(evallayer);

moveLayer(i,layerRef);

}

else

{

eval(evallayer);

}

function moveLayer(i,layerRef){

if (is_nav5up){

evallayer="document.getElementById('"+layerRef+"').style.left="+i;

}

else{

evallayer="document"+layer+"['"+layerRef+"']"+style+".left="+i;

}

if((i>endLeft) && (running==1) && (current==layerRef))

{

n++;

i = (startLeft*moveX[n])+endLeft;

eval(evallayer);

setTimeout('moveLayer('+i+',"'+layerRef+'")',25); // Velocidade da Layer

}

else if((running==1) && (current==layerRef))

{

running = 0;

}

//hide all layers except the main one

function hidelayer(){

if (is_nav5up){

eval("document.getElementById('ummenu').style.visibility='hidden'");

eval("document.getElementById('doismenu').style.visibility='hidden'");

eval("document.getElementById('tresmenu').style.visibility='hidden'");

eval("document.getElementById('quatromenu').style.visibility='hidden'");

eval("document.getElementById('cincomenu').style.visibility='hidden'");

}

else{

eval("document"+layer+"['ummenu']"+style+".visibility='hidden'");

eval("document"+layer+"['doismenu']"+style+".visibility='hidden'");

eval("document"+layer+"['tresmenu']"+style+".visibility='hidden'");

eval("document"+layer+"['quatromenu']"+style+".visibility='hidden'");

eval("document"+layer+"['cincomenu']"+style+".visibility='hidden'");

}

</SCRIPT>

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.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}

}

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[n];

for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document); return x;

}

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))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}

}

function MM_swapImgRestore() { //v3.0

var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;

}

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))!=null) { v=args[i+2];

if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }

obj.visibility=v; }

}

</script>

<STYLE type=text/css>

.submenu { LEFT: 4px; POSITION: absolute; TOP: 37px; VISIBILITY: hidden; Z-INDEX: 2 }

</STYLE>

</head>

<table border="0" cellspacing="0" cellpadding="0">

<tr><td bgcolor="#9F9F9F"><img src="images/blank.gif" width="1" height="1" border="0"></td></tr>

<tr><td bgcolor="#000000">

<table border="0" cellspacing="0" cellpadding="0">

<tr>

</tr>

</table>

</td></tr>

<tr><td bgcolor="#303030"><img src="images/02_baixo.gif" width="780" height="35" border="0"></td></tr>

</table>

<div class=submenu id=ummenu name="ummenu">

<img src="images/02_baixo.gif" width="780" height="35" border="0">

<!--

<table border="0" cellspacing="0" cellpadding="0">

<tr>

</tr>

</table>

-->

</div>

<div class=submenu id=doismenu name="doismenu">

<table border="0" cellspacing="0" cellpadding="0">

<tr>

<td><img src="images/blank.gif" width="110" height="1" border="0"></td>

<!-- Ranking comentado

-->

</tr>

</table>

</div>

<div class=submenu id=tresmenu name="tresmenu">

<table border="0" cellspacing="0" cellpadding="0">

<tr>

</tr>

</table>

</div>

<div class=submenu id=quatromenu name="quatromenu">

<table border="0" cellspacing="0" cellpadding="0">

<tr>

<td><img src="images/blank.gif" width="15" height="1" border="0"></td>

</tr>

</table>

</div>

<div class=submenu id=cincomenu name="cincomenu">

<table width="603" border="0" cellspacing="0" cellpadding="0">

<tr>

<td><img src="images/blank.gif" width="402" height="1" border="0"></td>

</tr>

</table>

</div>

</body>

</html>

[]s

Rodney

Entrar

Arquivado

Como fazer este menu?

Recommended Posts

Diegosz 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Algalord 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

graffdesign 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Diegosz 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

sitenovo 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Fixar div até atingir uma certa altura

Ajuda com Extends e envio para o banco

PHP+Codeginiter - Orientação para Impressão

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante