Fórum para dúvidas sobre JavaScript, ECMAScript, AJAX, XML e jQuery.
Moderador: web
 por web Offline » Sáb Abr 30, 2011 7:53 pm
|
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.
- Código: Selecionar todos
<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>
Gostou do que encontrou? Divulgue, indique, participe, agradeça pelas respostas.
Faço scripts personalizados ou reparos em scripts. Orçamento MSN codigosnaweb1 [@] gmail [.] com
web
ADMIN
Mensagens: 12407
Registrado em: Sáb Jan 20, 2007 6:08 pm
Localização: RJ / RJ / Brasil
|
por Edivan Guerra Offline » Qua Dez 07, 2011 10:54 pm
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
Edivan Guerra
MEMBRO
Mensagens: 15
Registrado em: Dom Nov 06, 2011 11:34 am
|
por web Offline » Qui Dez 08, 2011 11:48 am
Se for usar imagens, porque não faz a imagem com borda arredondada, e usa como background no menu que deseja?
Gostou do que encontrou? Divulgue, indique, participe, agradeça pelas respostas.
Faço scripts personalizados ou reparos em scripts. Orçamento MSN codigosnaweb1 [@] gmail [.] com
web
ADMIN
Mensagens: 12407
Registrado em: Sáb Jan 20, 2007 6:08 pm
Localização: RJ / RJ / Brasil
|
por Edivan Guerra Offline » Qui Dez 08, 2011 4:45 pm
é 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.
Edivan Guerra
MEMBRO
Mensagens: 15
Registrado em: Dom Nov 06, 2011 11:34 am
|
por web Offline » Qui Dez 08, 2011 5:04 pm
Então, dessa forma deve ficar como precisa.
Gostou do que encontrou? Divulgue, indique, participe, agradeça pelas respostas.
Faço scripts personalizados ou reparos em scripts. Orçamento MSN codigosnaweb1 [@] gmail [.] com
web
ADMIN
Mensagens: 12407
Registrado em: Sáb Jan 20, 2007 6:08 pm
Localização: RJ / RJ / Brasil
|
por Edivan Guerra Offline » Qui Dez 08, 2011 6:26 pm
Certo, certo, e como eu consigo configura isso nakele script?
>.<
Edivan Guerra
MEMBRO
Mensagens: 15
Registrado em: Dom Nov 06, 2011 11:34 am
|
por web Offline » Qui Dez 08, 2011 6:32 pm
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.
Gostou do que encontrou? Divulgue, indique, participe, agradeça pelas respostas.
Faço scripts personalizados ou reparos em scripts. Orçamento MSN codigosnaweb1 [@] gmail [.] com
web
ADMIN
Mensagens: 12407
Registrado em: Sáb Jan 20, 2007 6:08 pm
Localização: RJ / RJ / Brasil
|
por Edivan Guerra Offline » Qui Dez 08, 2011 6:33 pm
vlw, vo da uma analizada ^^
Edivan Guerra
MEMBRO
Mensagens: 15
Registrado em: Dom Nov 06, 2011 11:34 am
|
Voltar para Javascript, XML e AJAX
Quem está online
Usuários navegando neste fórum: Nenhum usuário registrado e 9 visitantes
|
|
|
