eu peguei esse script de um menu na net ele é de menu e submenu para colocar no meu site mais quando fiz as alterações no submenu para aumentar o numero de links fica tudo embaralhado e eu não sei o que fazer por favor me ajudem
<HTML>
<HEAD>
<style type="text/css">
a
{text-decoration: none;}
.title
{position: absolute;
width: 100px;
height: 125px;
left: 10px;
z-index: 10;
font-family: verdana, helvetica, sans-serif;
font-weight: bold;
font-size: 12px;}
.submenu
{position: absolute;
left: 20px;
width: 120px;
border: 1px solid black;
background-color: ;
layer-background-color: ;
font-family: verdana, helvetica, sans-serif;
font-size: 12px;
visibility: hidden;}
</style>
<script LANGUAGE="JavaScript">
<!-- Original: Fredrik Fridsten (fredrik.fridsten@home.se) -->
<!-- Web Site: [url=http://hem.passagen.se/dred]http://hem.passagen.se/dred[/url] -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! [url=http://javascript.internet.com]http://javascript.internet.com[/url] -->
<!-- Begin
// ADDITIONAL NOTES
// The input variables to the toggle function are the number of the submenu to open/close,
// starting with 0, and the number of pixels to move the objects below.
// For example toggle(1,60) opens/closes the second submenu and moves the objects below 60 pixels.
var nom = 6; // Number of menus
var usePictures = 1; // use pictures? 1 = yes, 0 = no
var ttls = new Array(); // An array for the title objects
var subs = new Array(); // An array for the submenu objects
var lastn;
var lastmove;
if (document.layers) {
visible = 'show';
hidden = 'hide';
}
else
if (document.all) {
visible = 'visible';
hidden = 'hidden';
}
for (var i = 1; i <= nom; i++) {
ttls[i] = ('title' + i);
subs[i] = ('submenu' +i);
}
function picopen(n) {
title = ('title' + n);
pic = ('pic' + n);
if (document.layers) {
document.layers[title].document.images[pic].src = "http://javascript.internet.com/img/category-menus/opened.gif";
}
else if (document.all) {
document.all(pic).src = "http://javascript.internet.com/img/category-menus/opened.gif";
}
}
function picclose(n) {
title = ('title' + n);
pic = ('pic' + n);
if (document.layers) {
document.layers[title].document.images[pic].src = "http://javascript.internet.com/img/category-menus/closed.gif";
}
else if (document.all) {
document.all(pic).src = "http://javascript.internet.com/img/category-menus/closed.gif";
}
}
lastn = (nom + 1);
lastmove = 0;
function lasttoggle(n,move) {
if (n <= nom) {
menu = ('submenu' + n);
if (document.layers) {
submenu = document.layers[menu];
}
else if (document.all) {
submenu = document.all(menu).style;
}
if (submenu.visibility == visible) {
submenu.visibility = hidden;
picclose(n); // Remove this if you don't use pictures
for (var i = (n+1); i <= nom; i++) {
if (document.layers) {
document.layers[ttls[i]].top -= move;
document.layers[subs[i]].top -= move;
}
else if (document.all) {
document.all(ttls[i]).style.pixelTop -= move;
document.all(subs[i]).style.pixelTop -= move;
}
}
}
}
}
function toggle(n,move) {
menu = ('submenu' + n);
if (document.layers) {
submenu = document.layers[menu];
}
else if (document.all) {
submenu = document.all(menu).style;
}
if (submenu.visibility == visible) {
submenu.visibility = hidden;
if (usePictures) picclose(n);
for (var i = (n+1); i <= nom; i++) {
if (document.layers) {
document.layers[ttls[i]].top -= move;
document.layers[subs[i]].top -= move;
}
else if (document.all) {
document.all(ttls[i]).style.pixelTop -= move;
document.all(subs[i]).style.pixelTop -= move;
}
}
}
else {
submenu.visibility = visible;
if (usePictures) picopen(n);
if (lastn != n) {
lasttoggle(lastn,lastmove);
}
for (var i = (n+1); i <= nom; i++) {
if (document.layers) {
document.layers[ttls[i]].top += move;
document.layers[subs[i]].top += move;
}
if (document.all) {
document.all(ttls[i]).style.pixelTop += move;
document.all(subs[i]).style.pixelTop += move;
}
}
}
lastn = n;
lastmove = move;
}
function tellDemo() {
alert('This link would open in the right frame, but this is just a demo!');
return false;
}
// End -->
</script>
</HEAD>
<BODY BGCOLOR=#ffffff vlink=#0000ff>
<div class="title" id="title1" style="top: 0px">
<a href="#" onclick="java script: toggle(1,30); return false"><img name="pic1" src="http://javascript.internet.com/img/category-menus/closed.gif" border="0">Cidade </a>
</div>
<div id=b0>
<div id=b1>
<div class="submenu" id="submenu1" style="top: 20px">
<a href="java script:tellDemo();">História </a><br>
<a href="java script:tellDemo();">Planaltina Hoje</a>
<a href="java script:tellDemo();">Saúde </a><br>
<a href="java script:tellDemo();">Educação</a>
<a href="java script:tellDemo();">Segurança </a><br>
<a href="java script:tellDemo();">Esporte</a>
<a href="java script:tellDemo();">Cultura </a><br>
<a href="java script:tellDemo();">Comércio</a>
<a href="java script:tellDemo();">Assistência Social </a><br>
<a href="java script:tellDemo();">Área Rural</a>
<a href="java script:tellDemo();">Bibliografia </a><br>
<a href="java script:tellDemo();">Mapa da Cidade</a>
<a href="java script:tellDemo();">Religião da Cidade </a><br>
<a href="java script:tellDemo();">Telefones Últeis</a>
<a href="java script:tellDemo();">Curiosidades </a><br>
</div></div></div>
<div class="title" id="title2" style="top: 20px">
<a href="#" onclick="java script: toggle(2,60); return false"><img name="pic2" src="http://javascript.internet.com/img/category-menus/closed.gif" border="0">Consutas de</a>
</div>
<div class="submenu" id="submenu2" style="top: 40px">
<a href="java script:tellDemo();">Concursos Públicos</a><br>
<a href="java script:tellDemo();">Vaga de Emprego</a><br>
<a href="java script:tellDemo();">IPVA</a><br>
<a href="java script:tellDemo();">IPTU</a>
<a href="java script:tellDemo();">CPF</a><br>
<a href="java script:tellDemo();">CNPJ</a><br>
<a href="java script:tellDemo();">CEP</a><br>
<a href="java script:tellDemo();">Preço de Gasolina</a>
</div>
<div class="title" id="title3" style="top: 40px">
<a href="#" onclick="java script: toggle(3,45); return false"><img name="pic3" src="http://javascript.internet.com/img/category-menus/closed.gif" border="0">Sites Últeis </a>
</div>
<div class="submenu" id="submenu3" style="top: 60px">
<a href="java script:tellDemo();">INSS</a><br>
<a href="java script:tellDemo();">ADM Regional</a><br>
<a href="java script:tellDemo();">Rede Governo</a>
<a href="java script:tellDemo();">Procon</a><br>
<a href="java script:tellDemo();">Receita Federal</a><br>
<a href="java script:tellDemo();">Horário de Ônibus </a>
</div>
<div class="title" id="title4" style="top: 60px">
<a href="#" onclick="java script: toggle(4,60); return false"><img name="pic4" src="http://javascript.internet.com/img/category-menus/closed.gif" border="0">Parceiros</a>
</div>
<div class="submenu" id="submenu4" style="top: 80px">
<a href="java script:tellDemo();">Siderall Midia</a><br>
<a href="java script:tellDemo();">Chico Freitas</a><br>
<a href="java script:tellDemo();">Achei Planaltina</a><br>
<a href="java script:tellDemo();">Academia de Letras</a>
<a href="java script:tellDemo();">Comissão Jovem</a><br>
<a href="java script:tellDemo();">djnenexs</a><br>
<a href="java script:tellDemo();">Grauna FM105</a>
</div>
</body>
</html>
Pergunta
Guest --leonardo --
eu peguei esse script de um menu na net ele é de menu e submenu para colocar no meu site mais quando fiz as alterações no submenu para aumentar o numero de links fica tudo embaralhado e eu não sei o que fazer por favor me ajudem
<HTML> <HEAD> <style type="text/css"> a {text-decoration: none;} .title {position: absolute; width: 100px; height: 125px; left: 10px; z-index: 10; font-family: verdana, helvetica, sans-serif; font-weight: bold; font-size: 12px;} .submenu {position: absolute; left: 20px; width: 120px; border: 1px solid black; background-color: ; layer-background-color: ; font-family: verdana, helvetica, sans-serif; font-size: 12px; visibility: hidden;} </style> <script LANGUAGE="JavaScript"> <!-- Original: Fredrik Fridsten (fredrik.fridsten@home.se) --> <!-- Web Site: [url=http://hem.passagen.se/dred]http://hem.passagen.se/dred[/url] --> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! [url=http://javascript.internet.com]http://javascript.internet.com[/url] --> <!-- Begin // ADDITIONAL NOTES // The input variables to the toggle function are the number of the submenu to open/close, // starting with 0, and the number of pixels to move the objects below. // For example toggle(1,60) opens/closes the second submenu and moves the objects below 60 pixels. var nom = 6; // Number of menus var usePictures = 1; // use pictures? 1 = yes, 0 = no var ttls = new Array(); // An array for the title objects var subs = new Array(); // An array for the submenu objects var lastn; var lastmove; if (document.layers) { visible = 'show'; hidden = 'hide'; } else if (document.all) { visible = 'visible'; hidden = 'hidden'; } for (var i = 1; i <= nom; i++) { ttls[i] = ('title' + i); subs[i] = ('submenu' +i); } function picopen(n) { title = ('title' + n); pic = ('pic' + n); if (document.layers) { document.layers[title].document.images[pic].src = "http://javascript.internet.com/img/category-menus/opened.gif"; } else if (document.all) { document.all(pic).src = "http://javascript.internet.com/img/category-menus/opened.gif"; } } function picclose(n) { title = ('title' + n); pic = ('pic' + n); if (document.layers) { document.layers[title].document.images[pic].src = "http://javascript.internet.com/img/category-menus/closed.gif"; } else if (document.all) { document.all(pic).src = "http://javascript.internet.com/img/category-menus/closed.gif"; } } lastn = (nom + 1); lastmove = 0; function lasttoggle(n,move) { if (n <= nom) { menu = ('submenu' + n); if (document.layers) { submenu = document.layers[menu]; } else if (document.all) { submenu = document.all(menu).style; } if (submenu.visibility == visible) { submenu.visibility = hidden; picclose(n); // Remove this if you don't use pictures for (var i = (n+1); i <= nom; i++) { if (document.layers) { document.layers[ttls[i]].top -= move; document.layers[subs[i]].top -= move; } else if (document.all) { document.all(ttls[i]).style.pixelTop -= move; document.all(subs[i]).style.pixelTop -= move; } } } } } function toggle(n,move) { menu = ('submenu' + n); if (document.layers) { submenu = document.layers[menu]; } else if (document.all) { submenu = document.all(menu).style; } if (submenu.visibility == visible) { submenu.visibility = hidden; if (usePictures) picclose(n); for (var i = (n+1); i <= nom; i++) { if (document.layers) { document.layers[ttls[i]].top -= move; document.layers[subs[i]].top -= move; } else if (document.all) { document.all(ttls[i]).style.pixelTop -= move; document.all(subs[i]).style.pixelTop -= move; } } } else { submenu.visibility = visible; if (usePictures) picopen(n); if (lastn != n) { lasttoggle(lastn,lastmove); } for (var i = (n+1); i <= nom; i++) { if (document.layers) { document.layers[ttls[i]].top += move; document.layers[subs[i]].top += move; } if (document.all) { document.all(ttls[i]).style.pixelTop += move; document.all(subs[i]).style.pixelTop += move; } } } lastn = n; lastmove = move; } function tellDemo() { alert('This link would open in the right frame, but this is just a demo!'); return false; } // End --> </script> </HEAD> <BODY BGCOLOR=#ffffff vlink=#0000ff> <div class="title" id="title1" style="top: 0px"> <a href="#" onclick="java script: toggle(1,30); return false"><img name="pic1" src="http://javascript.internet.com/img/category-menus/closed.gif" border="0">Cidade </a> </div> <div id=b0> <div id=b1> <div class="submenu" id="submenu1" style="top: 20px"> <a href="java script:tellDemo();">História </a><br> <a href="java script:tellDemo();">Planaltina Hoje</a> <a href="java script:tellDemo();">Saúde </a><br> <a href="java script:tellDemo();">Educação</a> <a href="java script:tellDemo();">Segurança </a><br> <a href="java script:tellDemo();">Esporte</a> <a href="java script:tellDemo();">Cultura </a><br> <a href="java script:tellDemo();">Comércio</a> <a href="java script:tellDemo();">Assistência Social </a><br> <a href="java script:tellDemo();">Área Rural</a> <a href="java script:tellDemo();">Bibliografia </a><br> <a href="java script:tellDemo();">Mapa da Cidade</a> <a href="java script:tellDemo();">Religião da Cidade </a><br> <a href="java script:tellDemo();">Telefones Últeis</a> <a href="java script:tellDemo();">Curiosidades </a><br> </div></div></div> <div class="title" id="title2" style="top: 20px"> <a href="#" onclick="java script: toggle(2,60); return false"><img name="pic2" src="http://javascript.internet.com/img/category-menus/closed.gif" border="0">Consutas de</a> </div> <div class="submenu" id="submenu2" style="top: 40px"> <a href="java script:tellDemo();">Concursos Públicos</a><br> <a href="java script:tellDemo();">Vaga de Emprego</a><br> <a href="java script:tellDemo();">IPVA</a><br> <a href="java script:tellDemo();">IPTU</a> <a href="java script:tellDemo();">CPF</a><br> <a href="java script:tellDemo();">CNPJ</a><br> <a href="java script:tellDemo();">CEP</a><br> <a href="java script:tellDemo();">Preço de Gasolina</a> </div> <div class="title" id="title3" style="top: 40px"> <a href="#" onclick="java script: toggle(3,45); return false"><img name="pic3" src="http://javascript.internet.com/img/category-menus/closed.gif" border="0">Sites Últeis </a> </div> <div class="submenu" id="submenu3" style="top: 60px"> <a href="java script:tellDemo();">INSS</a><br> <a href="java script:tellDemo();">ADM Regional</a><br> <a href="java script:tellDemo();">Rede Governo</a> <a href="java script:tellDemo();">Procon</a><br> <a href="java script:tellDemo();">Receita Federal</a><br> <a href="java script:tellDemo();">Horário de Ônibus </a> </div> <div class="title" id="title4" style="top: 60px"> <a href="#" onclick="java script: toggle(4,60); return false"><img name="pic4" src="http://javascript.internet.com/img/category-menus/closed.gif" border="0">Parceiros</a> </div> <div class="submenu" id="submenu4" style="top: 80px"> <a href="java script:tellDemo();">Siderall Midia</a><br> <a href="java script:tellDemo();">Chico Freitas</a><br> <a href="java script:tellDemo();">Achei Planaltina</a><br> <a href="java script:tellDemo();">Academia de Letras</a> <a href="java script:tellDemo();">Comissão Jovem</a><br> <a href="java script:tellDemo();">djnenexs</a><br> <a href="java script:tellDemo();">Grauna FM105</a> </div> </body> </html>Link para o comentário
Compartilhar em outros sites
1 resposta a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.