Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17735
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Base de menu com abas em jQuery

30-04-2011 18:53

Esse script abaixo é uma base para quem quer criar um menu com abas em jQuery.

Funciona da seguinte forma:

Há 3 li, um já vem com uma class ativa. Ao clicar em qualquer uma das li, todas as li tem seu id perdido, que é a referência CSS para o item, e é colocado o id na aba clicada.

<script src="jquery.js"></script> <script> $(document).ready(function() { $(".li").click(function() { // pegando o clique na li $(".li").attr("id", ""); // retirando o id das li $(this).attr("id", "id"); // adicionando a referência da class na li }); }); </script> <style> #id a{color:green;} </style> <ul> <li class="li" id="id"><a href="#">link1</a></li> <li class="li" id=""><a href="#">link2</a></li> <li class="li" id=""><a href="#">link3</a></li> </ul>

0
A melhor hospedagem para o seu site HostGator!
 
Mais de 10 postagens
Mais de 10 postagens
Mensagens: 21
Sexo: Masculino

Base de menu com abas em jQuery

07-12-2011 22:54

Olá to com a seguinte duvida nesse codigo

No meu menu eu to usando imagens, de efeitos,

Por exemplo, eu preciso que o Link1 tenha uma imagem, com borda aredondada para esquerda e que o Link4 tenha uma imagem, com borda aredondada para direita,

e o link 2 e 3 usam a mesma imagem, sem borda aredondada, sera que tem como??


poderia me daa uma luz nisso pff

vlw
0
 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17735
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Base de menu com abas em jQuery

08-12-2011 11:48

Se for usar imagens, porque não faz a imagem com borda arredondada, e usa como background no menu que deseja?
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 10 postagens
Mais de 10 postagens
Mensagens: 21
Sexo: Masculino

Base de menu com abas em jQuery

08-12-2011 16:45

é exatamente imagens que to usando, só que para isso, eu to usando 3 distintas, certo,

Uma com borda para direita.
Outra para esquerda
e uma sem borda,

são 3 imagens, a do meio, que e sem borda, eu vo repeti-la duas vezes.
0
 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17735
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Base de menu com abas em jQuery

08-12-2011 17:04

Então, dessa forma deve ficar como precisa.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 10 postagens
Mais de 10 postagens
Mensagens: 21
Sexo: Masculino

Base de menu com abas em jQuery

08-12-2011 18:26

Certo, certo, e como eu consigo configura isso nakele script?

>.<
0
 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17735
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Base de menu com abas em jQuery

08-12-2011 18:32

Dá uma olhada nesse link

http://api.jquery.com/eq-selector/

Tem um exemplo de li, onde determinada li, primeira, segunda, etc... pode ser identificada, e aplicada um css sobre ela. Você pode usar isso, ou aplicar o background diretamente sobre a li.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 10 postagens
Mais de 10 postagens
Mensagens: 21
Sexo: Masculino

Base de menu com abas em jQuery

08-12-2011 18:33

vlw, vo da uma analizada ^^
0

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado