Problemas Com Menu

[mephistophelian 0]

Bom, eu puxei um menu em javascript de um site de webmasters, configurei ele e testei... Estava quase tudo certo, mas eu não achei um lugar ond se coloca os links no menu. Eu sou iniciante nessa linguagem e, apesar de tentar de tudo que é maneira eu não consegui colocar os links. Eis o menu:

 

<!---------------------COMEÇA AQUI--------------------->

<style>

<!--

.menu{

font-Size: 15px;

font-family : "Charlesworth";

background-color: #222222;

border: 1 outset #FFFFFF;

cursor: crosshair;

}

.outros{

font-Color: #FFFF00;

font-Size: 13px;

font-family : "Comic Sans MS";

background-color: #0080C0;

border: 1 ridge #FFFFFF;

cursor: hand;

}

.outros_click{

font-Size: 13px;

font-family : "Comic Sans MS";

background-color: #0098C0;

border: 1px;

cursor: hand;

}

.outros_over{

font-Size: 13px;

font-family : "Comic Sans MS";

background-color: #0098C0;

border: 1px solid #555555;

cursor: hand;

}

.tabela {

filter:alpha(opacity=100,style=1,FinishOpacity=20);

background-color:#0080C0;

display: none;

width:140;

height:1;

position:absolute;

color: #FFFFFF;

border: 0px;

}

.menu_pri {

filter:alpha(opacity=100,style=1,FinishOpacity=20);

display:block;

width:1;

height:1;

color: #FFFFFF;

border: 0px;

}

-->

</style>

<script language="JavaScript">

<!--

var menu = new Array();

menu[0] = "Principal"

menu[1] = "Hacker"

menu[2] = "Web Design"

 

var principal = new Array();

principal[0] = "E-mail"

var principal_Email = new Array();

principal_Email[0] = "AnaoToscogt"

principal_Email[1] = "AnthonyKieds"

principal_Email[2] = "Jmabyla"

principal[1] = "Livro de Visitas"

var principal_Livro = new Array();

principal_Livro[0] = "Assinar Livro"

principal_Livro[1] = "Ler Meu Livro"

principal[2] = "Enquete"

var principal_Enquete = new Array();

principal_Enquete[0] = "Votar"

principal_Enquete[1] = "Ver Resultado"

principal[3] = "Invasões"

var Hacker_Invasões = new Array();

Hacker_Invasões[0] = "Ivadir PCs"

Hacker_Invasões[1] = "Invadir HPs"

Hacker_Invasões[2] = "Invasão por DOS"

Hacker_Invasões[3] = "Invasão por FTP"

Hacker_Invasões[4] = "Invasão por TelNet"

principal[4] = "Virús"

var Hacker_Virus = new Array();

Hacker_Virus[0] = "Cavalo de Troia"

Hacker_Virus[1] = "Tiazinha"

Hacker_Virus[2] = "Formatec"

Hacker_Virus[3] = "Delected"

principal[5] = "Programas"

var Hacker_Programas = new Array();

Hacker_Programas[0] = "Bad Boy Hacker"

Hacker_Programas[1] = "Big Bang"

principal[6] = "Linguagems"

var WebDesign_linguagems = new Array();

WebDesign_linguagems[0] = "PHP"

WebDesign_linguagems[1] = "ASP"

WebDesign_linguagems[2] = "Java Script"

WebDesign_linguagems[3] = "VBScript"

WebDesign_linguagems[4] = "HTML"

WebDesign_linguagems[5] = "CSS"

principal[7] = "Web Objetos"

var WebDesign_Objetos = new Array();

WebDesign_Objetos[0] = "Gifs"

WebDesign_Objetos[1] = "Butões"

WebDesign_Objetos[2] = "Background"

WebDesign_Objetos[3] = "Templates"

principal[8] = "Apostilas"

var WebDesign_Apostilas = new Array();

WebDesign_Apostilas[0] = "Linguagems"

WebDesign_Apostilas[1] = "Banco de Dados"

WebDesign_Apostilas[2] = "Programas"

WebDesign_Apostilas[3] = "Design"

principal[9] = "Programas"

var WebDesign_Programas = new Array();

WebDesign_Programas[0] = "Editores"

WebDesign_Programas[1] = "Banco de Dados"

WebDesign_Programas[2] = "Imagems"

 

document.write('<div id="menu" class="menu_pri">');

document.write('<table border="0" cellpadding="0" CELLSPACING="1" width="135">');

document.write('<tr>');

document.write('<td class="Menu" align="center">'+menu[0]+'</td>');

document.write('</tr>');

var b = 1

for (a = 0;a < principal.length;a++){

document.write('<tr>');

document.write('<td class="outros" onclick="className=\'outros_over\'" onMouseDown="className=\'outros_click\'" onMouseOver="Visive(\'block\','+a+');className=\'outros_over\'" onMouseOut="Visive(\'none\','+a+');className=\'outros\'">..:::'+principal[a]+' »</td>');

document.write('</tr>');

if (a == 2 || a == 5){

document.write('<tr>');

document.write('<td class="Menu" align="center">'+menu+'</td>');

document.write('</tr>');

b++

}

}

function Visive(valor,op){

switch (op){

case 0:

Sub_Email.style.display = valor;break

case 1:

Sub_Livro.style.display = valor;break

case 2:

Sub_Enquete.style.display = valor;break

case 3:

Sub_Invasões.style.display = valor;break

case 4:

Sub_Virus.style.display = valor;break

case 5:

Sub_Programas.style.display = valor;break

case 6:

Sub_linguagems.style.display = valor;break

case 7:

Sub_Objetos.style.display = valor;break

case 8:

Sub_Apostilas.style.display = valor;break

case 9:

Sub_Web_Programas.style.display = valor;break

}

}

 

document.write('<div id="Sub_Email" class="tabela" onMouseOver="Visive(\'block\',0)" onMouseOut="Visive(\'none\',0)">');

for (c = 0;c < principal_Email.length;c++){

document.write('<div class="outros" onclick="className=\'outros_over\'" onMouseDown="className=\'outros_click\'" onMouseOver="className=\'outros_over\'" onMouseOut="className=\'outros\'">..:::'+principal_Email[c]);

document.write('</div>');

}

document.write('</div>');

Sub_Email.style.left = 130;

Sub_Email.style.top = 22;

 

document.write('<div id="Sub_Livro" class="tabela" onMouseOver="Visive(\'block\',1)" onMouseOut="Visive(\'none\',1)">');

for (d = 0;d < principal_Livro.length;d++){

document.write('<div class="outros" onclick="className=\'outros_over\'" onMouseDown="className=\'outros_click\'" onMouseOver="className=\'outros_over\'" onMouseOut="className=\'outros\'">..:::'+principal_Livro[d]);

document.write('</div>');

}

document.write('</div>');

Sub_Livro.style.left = 130;

Sub_Livro.style.top = 43;

 

document.write('<div id="Sub_Enquete" class="tabela" onMouseOver="Visive(\'block\',2)" onMouseOut="Visive(\'none\',2)">');

for (e = 0;e < principal_Enquete.length;e++){

document.write('<div class="outros" onclick="className=\'outros_over\'" onMouseDown="className=\'outros_click\'" onMouseOver="className=\'outros_over\'" onMouseOut="className=\'outros\'">..:::'+principal_Enquete[e]);

document.write('</div>');

}

document.write('</div>');

Sub_Enquete.style.left = 130;

Sub_Enquete.style.top = 65;

 

document.write('<div id="Sub_Invasões" class="tabela" onMouseOver="Visive(\'block\',3)" onMouseOut="Visive(\'none\',3)">');

for (f = 0;f < Hacker_Invasões.length;f++){

document.write('<div class="outros" onclick="className=\'outros_over\'" onMouseDown="className=\'outros_click\'" onMouseOver="className=\'outros_over\'" onMouseOut="className=\'outros\'">..:::'+Hacker_Invasões[f]);

document.write('</div>');

}

document.write('</div>');

Sub_Invasões.style.left = 130;

Sub_Invasões.style.top = 106;

 

document.write('<div id="Sub_Virus" class="tabela" onMouseOver="Visive(\'block\',4)" onMouseOut="Visive(\'none\',4)">');

for (g = 0;g < Hacker_Virus.length;g++){

document.write('<div class="outros" onclick="className=\'outros_over\'" onMouseDown="className=\'outros_click\'" onMouseOver="className=\'outros_over\'" onMouseOut="className=\'outros\'">..:::'+Hacker_Virus[g]);

document.write('</div>');

}

document.write('</div>');

Sub_Virus.style.left = 130;

Sub_Virus.style.top = 127;

 

document.write('<div id="Sub_Programas" class="tabela" onMouseOver="Visive(\'block\',5)" onMouseOut="Visive(\'none\',5)">');

for (h = 0;h < Hacker_Programas.length;h++){

document.write('<div class="outros" onclick="className=\'outros_over\'" onMouseDown="className=\'outros_click\'" onMouseOver="className=\'outros_over\'" onMouseOut="className=\'outros\'">..:::'+Hacker_Programas[h]);

document.write('</div>');

}

document.write('</div>');

Sub_Programas.style.left = 130;

Sub_Programas.style.top = 148;

 

document.write('<div id="Sub_linguagems" class="tabela" onMouseOver="Visive(\'block\',6)" onMouseOut="Visive(\'none\',6)">');

for (i = 0;i < WebDesign_linguagems.length;i++){

document.write('<div class="outros" onclick="className=\'outros_over\'" onMouseDown="className=\'outros_click\'" onMouseOver="className=\'outros_over\'" onMouseOut="className=\'outros\'">..:::'+WebDesign_linguagems);

document.write('</div>');

}

document.write('</div>');

Sub_linguagems.style.left = 130;

Sub_linguagems.style.top = 190;

 

document.write('<div id="Sub_Objetos" class="tabela" onMouseOver="Visive(\'block\',7)" onMouseOut="Visive(\'none\',7)">');

for (j = 0;j < WebDesign_Objetos.length;j++){

document.write('<div class="outros" onclick="className=\'outros_over\'" onMouseDown="className=\'outros_click\'" onMouseOver="className=\'outros_over\'" onMouseOut="className=\'outros\'">..:::'+WebDesign_Objetos[j]);

document.write('</div>');

}

document.write('</div>');

Sub_Objetos.style.left = 130;

Sub_Objetos.style.top = 210;

 

document.write('<div id="Sub_Apostilas" class="tabela" onMouseOver="Visive(\'block\',8)" onMouseOut="Visive(\'none\',8)">');

for (l = 0;l < WebDesign_Apostilas.length;l++){

document.write('<div class="outros" onclick="className=\'outros_over\'" onMouseDown="className=\'outros_click\'" onMouseOver="className=\'outros_over\'" onMouseOut="className=\'outros\'">..:::'+WebDesign_Apostilas[l]);

document.write('</div>');

}

document.write('</div>');

Sub_Apostilas.style.left = 130;

Sub_Apostilas.style.top = 232;

 

document.write('<div id="Sub_Web_Programas" class="tabela" onMouseOver="Visive(\'block\',9)" onMouseOut="Visive(\'none\',9)">');

for (m = 0;m < WebDesign_Programas.length;m++){

document.write('<div class="outros" onclick="className=\'outros_over\'" onMouseDown="className=\'outros_click\'" onMouseOver="className=\'outros_over\'" onMouseOut="className=\'outros\'">..:::'+WebDesign_Programas[m]);

document.write('</div>');

}

document.write('</div>');

Sub_Web_Programas.style.left = 130;

Sub_Web_Programas.style.top = 253;

 

document.write('</table>');

document.write('</div>');

//-->

</script>

<!--------------------TERMINA AQUI--------------------->

Esse é o menu que veio do site, sem estar configurado.

Se alguém sabe como botar links por favor poste aki.

 

Desde já agradeço,

Mephistophelian.

[Fleury 3]

Esse menu não tá bom =/você consegue fazer ele mais fácil em html estatico do que JS pq ele tá JS estatico também hehehe.Recomendo que procure outro menu =P