Ir para conteúdo

POWERED BY:

Arquivado

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

Fafi

Menu que acompanha a página????

Por , em Javascript

Recommended Posts

Fafi    0

Fafi
Postado

Oi, Sou nova no pedaço e g :huh: ostaria do cód. que faz com que você vá descendo a página e o menu acompanhe a mesma, sem ser no esquema de molduras....

Compartilhar este post

Link para o post
Compartilhar em outros sites

leandro martins    0

leandro martins
Postado

<!**********************************************************************

* INICIO DO CÓDIGO DENTRO DA TAG HEAD *

**********************************************************************>

<STYLE TYPE="text/css">

<!--

 

.menuh {

BORDER-COLOR : #FFFF99 ;

cursor : hand ;

Border-Left : #FFFF99 ;

Border-Top : #FFFF99 ;

Padding-Left : 1px ;

Padding-Top : 1px ;

Background-Color : #FFFF99 ;

}

.menu {

Background-Color : white ;

}

.home {

cursor : hand ;

}

 

.menulinks{

text-decoration:none;

}

//-->

</STYLE>

 

<!**********************************************************************

* FIM DO CÓDIGO *

**********************************************************************>

</head>

 

<BODY BGCOLOR="#ffffff" TEXT="#000000" LINK="#FF0000" VLINK="#CC00CC" ALINK="#FFFF00">

 

<!**********************************************************************

* INICIO DO CÓDIGO DENTRO DA TAG BODY *

**********************************************************************>

<script Language="Javascript1.2">

<!--

 

 

//configure below variable for menu width, position on page

var menuwidth=110

var offsetleft=10

var offsettop=90

 

 

function makeStatic() {

if (document.all) {object1.style.pixelTop=document.body.scrollTop+offsettop}

else{eval(document.object1.top=eval(window.pageYOffset+offsettop));}

setTimeout("makeStatic()",0);

}

 

if (document.all) {document.write('<DIV ALIGN="CENTER" ID="object1" STYLE="Position:absolute; Top:20; Left:'+offsetleft+'; Z-Index:5;cursor:hand;background-color:black"><TABLE BORDER="1" width="'+menuwidth+'" CELLPADDING="0" CELLSPACING="0" BORDERCOLOR="black" bgcolor="white">')}

else if (document.layers){ document.write('<LAYER top="20" name="object1" left="'+offsetleft+'" BGCOLOR=black><TABLE BORDER="0" CELLPADDING="0" CELLSPACING="1"><TR><TD><TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" width="'+menuwidth+'">')}

 

if (document.all||document.layers)

document.write('<TR><TD BGCOLOR="#3399FF" BORDERCOLORDARK="#99CCFF" BORDERCOLORLIGHT="#003399"><P ALIGN=CENTER><FONT SIZE="4" FACE=ARIAL>Menu</FONT></TD></TR>')

 

var menui = new Array();

var menul = new Array();

 

//Aqui o nome que aparece no menu, pode aumentar ou diminuir

menui[0]="NomeLink00"

menui[1]="NomeLink01"

menui[2]="NomeLink02"

menui[3]="NomeLink03"

menui[4]="NomeLink04"

menui[5]="NomeLink05"

 

 

//Aqui coloque os links referentes ao texto acima.

 

menul[0]="Indicar_Link_00"

menul[1]="Indicar_Link_01"

menul[2]="Indicar_Link_02"

menul[3]="Indicar_Link_03"

menul[4]="Indicar_Link_04"

menul[5]="Indicar_Link_05"

 

for (i=0;i<=menui.length-1;i++)

if (document.all) {document.write('<TR><TD BORDERCOLOR="white" ONCLICK="location=\''+menul+'\'" onmouseover="className=\'menuh\'" onMouseout="className=\'menu\'"><CENTER><FONT>'+menui+'</FONT></TD></TR>')}

else if (document.layers){document.write('<TR><TD BGCOLOR="white"><ILAYER><LAYER width="'+menuwidth+'" onmouseover="bgColor=\'yellow\'" onmouseout="bgColor=\'white\'"><CENTER><A HREF="'+menul+'" class=menulinks>'+menui+'</A></CENTER></LAYER></ILAYER></TD></TR>')}

 

if (document.all) {document.write('</TABLE></DIV>')}

else if (document.layers){document.write('</TABLE></TD></TR></TABLE></LAYER>')}

 

function menu3(){

if (document.all||document.layers)

makeStatic()

}

 

window.onload=menu3

 

//-->

</SCRIPT>

 

<!**********************************************************************

* FIM DO CÓDIGO *

**********************************************************************>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito