Ir para conteúdo
Fórum Script Brasil
  • 0

Navigation Bar!

keruba

Perguntado por keruba,

 Share

Pergunta

keruba

keruba

Postado
Postado

Bom tarde pessoal,

estou com um navigation bar no DW ... fiz um menu através dele.. onde quando passa o mouse o item do menu muda de cor.. e quando ativo fica com uma outra cor.

Ele está funcionando porém estou com um problema.

Quando a pagina carrega... ela já vem com um conteudo do primeiro item do menu aberto, sendo assim precisaria q o primeiro item do menu já viesse com a cor mudada como ativo...

segue o codigo

<html>
<head>
<title>atendimento</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
<!--
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[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  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[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_nbGroup(event, grpName) { //v6.0
  var i,img,nbArr,args=MM_nbGroup.arguments;
  if (event == "init" && args.length > 2) {
    if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
      img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
      if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
      nbArr[nbArr.length] = img;
      for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
        if (!img.MM_up) img.MM_up = img.src;
        img.src = img.MM_dn = args[i+1];
        nbArr[nbArr.length] = img;
    } }
  } else if (event == "over") {
    document.MM_nbOver = nbArr = new Array();
    for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
      nbArr[nbArr.length] = img;
    }
  } else if (event == "out" ) {
    for (i=0; i < document.MM_nbOver.length; i++) {
      img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
  } else if (event == "down") {
    nbArr = document[grpName];
    if (nbArr)
      for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
    document[grpName] = nbArr = new Array();
    for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
      nbArr[nbArr.length] = img;
  } }
}
function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}
//-->
</script>
<style type="text/css">
<!--
body {
    background-color: #E9EDD6;
    border-bottom:none;
    border:none;
    border-bottom-style:none;
    text-decoration:none;
    outline:none;
}
.titulo1 {
    position: relative;
    height: 35px;
    width: 100px;
    bottom: 56px;
    left: 35px;
}
.menu {
    bottom: 59px;
    position: relative;
    width: 150px;
    left: 28px;
    border-bottom:none;
    border:none;
    border-bottom-style:none;
    text-decoration:none;
    outline:none;

    }
.menu2 {
    position: static;
    border-bottom:none;
    border:none;
    border-bottom-style: none;
    text-decoration: none;
    outline:none;
}
.frame {
    position: relative;
    left: 35px;
}

a:link {
    border-bottom:none;
    border:none;
    border-bottom-style:none;
    text-decoration:none;
    outline:none;

    }
.menu11 {
    width: 165px;
    font: normal 10px Tahoma;
}
.style2 {    font-family: Arial, Helvetica, sans-serif;
    font-size: 8px;
    font-weight: bold;
    color: #999999;
}
.titulo {color: #004533;
    background: #F1F3E4;
    font-weight: bold;
}
a:visited {
    border-bottom:none;
    border:none;
    border-bottom-style:none;
    text-decoration:none;
    outline:none;

    }
a:hover {
    border-bottom:none;
    border:none;
    border-bottom-style:none;
    text-decoration:none;
    
    outline:none;
}

a:active {
    border-bottom:none;
    border:none;
    border-bottom-style:none;
    text-decoration:none;
    outline:none;

    }
.style1 {color: #FFFFFF}
.menu111 {
    height: auto;
    width: 130px;
    font: normal 10px Tahoma;
}
.style3 {    font-size: 11px;
    font-family: tahoma;
}
-->
</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('images/produtos2_13.jpg','images/produtos2_14.jpg','images/produtos2_15.jpg','images/produtos2_16.jpg','images/produtos2_17.jpg','images/produtos2_18.jpg','images/produtos2_19.jpg','images/produtos2_20.jpg','images/produtos_11.jpg')">
<!-- ImageReady Slices (atendimento.psd) -->
<table width="919" height="520" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
    <tr>
        <td colspan="4" rowspan="4">
            <img src="images/produtos_01.jpg" width="321" height="265" alt=""></td>
        <td colspan="3">
            <img src="images/produtos_02.jpg" width="597" height="15" alt=""></td>
        <td width="1">
            <img src="images/spacer.gif" width="1" height="15" alt=""></td>
    </tr>
    <tr>
        <td width="425">
            <img src="images/produtos_03.jpg" width="425" height="37" alt=""></td>
        <td width="135" background="images/index_04.jpg"><select name="jumpMenu" class="menu111" id="jumpMenu" onChange="MM_jumpMenu('parent',this,0)">
          <option class="titulo111">-------- Mapa do Site ----------</option>
          <option class="titulo111">---------- Informativo -----------</option>
          <option value="index.html">Home</option>
          <option value="imoveis.html">Im&oacute;veis a Venda</option>
          <option value="moveis.html">Bens M&oacute;veis</option>
          <option value="links.html">Links Agropecu&aacute;rios</option>
          <option class="titulo111">--------- Institucional ----------</option>
          <option value="quemsomos.html">Quem Somos</option>
          <option value="estatuto.html">Estatuto Social</option>
          <option value="diretoria.html">Diretoria</option>
          <option value="legislacao.html">Legisla&ccedil;&atilde;o</option>
          <option value="oportunidade.html">Oportunidade de Carreira</option>
          <option value="demonstrativo.html">Demonstrativos</option>
          <option class="titulo111">--------- Atendimento ----------</option>
          <option value="associar.html">Como Associar-se</option>
          <option value="agencias.html">Nossas Ag&ecirc;ncias</option>
          <option value="dicas.html">Dicas de Seguran&ccedil;a</option>
          <option value="ouvidoria.html">Ouvidoria</option>
          <option class="titulo111">---- Produtos e Servi&ccedil;os -----</option>
          <option value="poupanca.html">Poupan&ccedil;a</option>
          <option value="aplicacoes.html">Aplica&ccedil;&otilde;es</option>
          <option value="financiamento.html">Financiamento Agr&iacute;cola</option>
          <option value="emprestimo.html">Empr&eacute;stimo Pessoal</option>
          <option value="financiamentov.html">Financiamento de Ve&iacute;culos</option>
          <option value="contacorrente.html">Conta Corrente</option>
          <option value="cartaocredito.html">Cart&atilde;o de Cr&eacute;dito</option>
          <option class="titulo111">--------- Fale Conosco ---------</option>
          <option value="faleconosco.html">Contato</option>
        </select></td>
        <td width="37">
            <img src="images/produtos_05.jpg" width="37" height="37" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="37" alt=""></td>
    </tr>
    <tr>
        <td colspan="3">
            <img src="images/produtos_06.jpg" width="597" height="54" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="54" alt=""></td>
    </tr>
    <tr>
        <td colspan="3" rowspan="12" bgcolor="#FFFFFF"><iframe src="home.html"   align="top"     onload="calcularAltura();"  name="teste" width="540" marginwidth="0" height="414" marginheight="0" scrolling="no"  frameborder="0"class="frame" id=webdocs border="no" ></iframe></td>
        <td>
            <img src="images/spacer.gif" width="1" height="159" alt=""></td>
    </tr>
    <tr>
        <td width="41" rowspan="11">
            <img src="images/produtos_08.jpg" width="41" height="255" alt=""></td>
        <td colspan="3">
            <img src="images/produtos_09.jpg" width="280" height="30" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="30" alt=""></td>
    </tr>
    <tr>
        <td width="35" rowspan="10">
            <img src="images/produtos_10.jpg" width="35" height="225" alt=""></td>
        <td width="137" rowspan="9"><table border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td><a href="java script:;" target="_top" onClick="MM_nbGroup('down','group1','produtos11','images/produtos_11.jpg',1)" onMouseOver="MM_nbGroup('over','produtos11','images/produtos_11.jpg','',1)" onMouseOut="MM_nbGroup('out')"><img src="images/produtos_11.jpg" alt="" name="produtos11" width="137" height="22" border="0" onload=""></a></td>
          </tr>
          <tr>
            <td><a href="java script:;" target="_top" onClick="MM_nbGroup('down','group1','produtos13','images/produtos2_13.jpg',1)" onMouseOver="MM_nbGroup('over','produtos13','images/produtos2_13.jpg','',1)" onMouseOut="MM_nbGroup('out')"><img src="images/produtos_13.jpg" alt="" name="produtos13" width="137" height="19" border="0" onload=""></a></td>
          </tr>
          <tr>
            <td><a href="java script:;" target="_top" onClick="MM_nbGroup('down','group1','produtos14','images/produtos2_14.jpg',1)" onMouseOver="MM_nbGroup('over','produtos14','images/produtos2_14.jpg','',1)" onMouseOut="MM_nbGroup('out')"><img src="images/produtos_14.jpg" alt="" name="produtos14" width="137" height="18" border="0" onload=""></a></td>
          </tr>
          <tr>
            <td><a href="java script:;" target="_top" onClick="MM_nbGroup('down','group1','produtos15','images/produtos2_15.jpg',1)" onMouseOver="MM_nbGroup('over','produtos15','images/produtos2_15.jpg','',1)" onMouseOut="MM_nbGroup('out')"><img src="images/produtos_15.jpg" alt="" name="produtos15" width="137" height="20" border="0" onload=""></a></td>
          </tr>
          <tr>
            <td><a href="java script:;" target="_top" onClick="MM_nbGroup('down','group1','produtos16','images/produtos2_16.jpg',1)" onMouseOver="MM_nbGroup('over','produtos16','images/produtos2_16.jpg','',1)" onMouseOut="MM_nbGroup('out')"><img src="images/produtos_16.jpg" alt="" name="produtos16" width="137" height="18" border="0" onload=""></a></td>
          </tr>
          <tr>
            <td><a href="java script:;" target="_top" onClick="MM_nbGroup('down','group1','produtos17','images/produtos2_17.jpg',1)" onMouseOver="MM_nbGroup('over','produtos17','images/produtos2_17.jpg','',1)" onMouseOut="MM_nbGroup('out')"><img src="images/produtos_17.jpg" alt="" name="produtos17" width="137" height="20" border="0" onload=""></a></td>
          </tr>
          <tr>
            <td><a href="java script:;" target="_top" onClick="MM_nbGroup('down','group1','produtos18','images/produtos2_18.jpg',1)" onMouseOver="MM_nbGroup('over','produtos18','images/produtos2_18.jpg','',1)" onMouseOut="MM_nbGroup('out')"><img src="images/produtos_18.jpg" alt="" name="produtos18" width="137" height="19" border="0" onload=""></a></td>
          </tr>
          <tr>
            <td><a href="java script:;" target="_top" onClick="MM_nbGroup('down','group1','produtos19','images/produtos2_19.jpg',1)" onMouseOver="MM_nbGroup('over','produtos19','images/produtos2_19.jpg','',1)" onMouseOut="MM_nbGroup('out')"><img name="produtos19" src="images/produtos_19.jpg" border="0" alt="" onLoad=""></a></td>
          </tr>
          <tr>
            <td><a href="java script:;" target="_top" onClick="MM_nbGroup('down','group1','produtos20','images/produtos2_20.jpg',1)" onMouseOver="MM_nbGroup('over','produtos20','images/produtos2_20.jpg','',1)" onMouseOut="MM_nbGroup('out')"><img name="produtos20" src="images/produtos_20.jpg" border="0" alt="" onLoad=""></a></td>
          </tr>
        </table>
        </td>
  <td width="108" rowspan="10">
            <img src="images/produtos_12.jpg" width="108" height="225" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="22" alt=""></td>
    </tr>
    <tr>
      <td>
            <img src="images/spacer.gif" width="1" height="19" alt=""></td>
    </tr>
    <tr>
      <td>
            <img src="images/spacer.gif" width="1" height="18" alt=""></td>
    </tr>
    <tr>
      <td>
            <img src="images/spacer.gif" width="1" height="20" alt=""></td>
    </tr>
    <tr>
      <td>
            <img src="images/spacer.gif" width="1" height="18" alt=""></td>
    </tr>
    <tr>
      <td>
            <img src="images/spacer.gif" width="1" height="20" alt=""></td>
    </tr>
    <tr>
      <td>
            <img src="images/spacer.gif" width="1" height="19" alt=""></td>
    </tr>
    <tr>
      <td>
            <img src="images/spacer.gif" width="1" height="18" alt=""></td>
    </tr>
    <tr>
      <td>
            <img src="images/spacer.gif" width="1" height="22" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/produtos_21.jpg" width="137" height="49" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="49" alt=""></td>
    </tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>

Espero uma solucao para isso vlwww!!

Link para o comentário
Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Até agora não há respostas para essa pergunta

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.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,1k
    • Posts
      651,8k
×
×
  • Criar Novo...