Ir para conteúdo

POWERED BY:

Arquivado

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

junaooaks

menu active

Recommended Posts

ola

 

pessoal estou com menu em css e nao estou conseguindo habilitar active(menu clicado)

css

 

img {
   border: none;
}

/*- Menu Tabs 1--------------------------- */


#tabs1 {
   float:left;
   width:100%;
   background:#F4F7FB;
   font-size:93%;
   line-height:normal;
   border-bottom:1px solid #BCD2E6;
}
#tabs1 ul {
   margin:0;
   padding:0px 10px 0 10px;
   list-style:none;
}
#tabs1 li {
   display:inline;
   margin:0;
   padding:0;
}
#tabs1 a {
   float:left;
   background:url("../../resources/images/tableft1.gif") no-repeat left top;
   margin:0;
   padding:0 0 0 4px;
   text-decoration:none;
}
#tabs1 a span {
   float:left;
   display:block;
   background:url("../../resources/images/tabright1.gif") no-repeat right top;
   padding:5px 15px 4px 6px;
   color:#627EB7;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs1 a span {float:none;}
/* End IE5-Mac hack */
#tabs a:hover span {
   color:#627EB7;
}
#tabs1 a:hover {
   background-position:0% -42px;
}
#tabs1 a:hover span {
   background-position:100% -42px;
}

#tabs1 li a:active span{
   color:#627EB7;
}

#tabs1 a:active {
   background-position:0% -42px;
}

#tabs1 a:active span {
   background-position:100% -42px;
}

 

menu

 

<div id="tabs1">
               <ul>
  <li><a href="javascript:mudaPage('sub=2');"><span>CADASTRO</span></a></li>
  <li><a href="javascript:mudaPage(sub=6');"><span>RELATÓRIOS</span></a></li>
  <li><a href="javascript:mudaPage('sub=7');"><span>FERRAMENTAS</span></a></li>
               </ul>
           </div>

 

o menu e mudado pelo load ajax jquery

 

como habilitar o active do css no menu

Compartilhar este post


Link para o post
Compartilhar em outros sites

o active do css se limita ao instante do click. Enqnto o mouse estiver pressionado.

portanto, não serve e nem se destina à oq você quer fazer.

 

na tua função ajax, atribua uma classe 'ativa' no menu que foi clicado. E então estilize ela com css.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Bruno

 

o que eu quero é mudar no instante do click mesmo

 

so que eu nao estou dando um refresh na pagina toda, nao sei se isto tem alguma coisa a ver

Compartilhar este post


Link para o post
Compartilhar em outros sites

active não serve cara.

 

o active é o click, qndo parar de clicar o active deixa de existir. Entendeu ?

basta fazer oq eu disse.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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