Efeitos básicos:
Nesse artigo vou mostrar como fazer efeitos de opacidade, revelar e ocultar elementos com o uso desta fantástica biblioteca jQuery.
Confira todos os efeitos na página de exemplos
show
Exibe o elemento alvo do seletor jQuery que tenha sido escondido.
$("button").click(function () {
$("p").show("slow");
});
O efeito de destacar linhas de uma tabela consiste em alterar a formatação da linha que recebe o foco. Destacando ela das demais. Dessa forma o visitante do site consegue se localizar mais fácil na tabela, sem ter que passar o dedo na tela para ler as informações de uma linha da tabela.
Nesse primeiro exemplo [...]
O efeito sanfona é muito utilizado para estruturar conteúdos em vários tópicos. O usuário visualiza apenas o tópico que foi clicado.
Na realização desse efeito vamos utilizar a biblioteca jQuery e um plugin chamado de accordion.
Como instalar o plugin Accordion
Primeiro devemos baixar o plugin no link http://bassistance.de/jquery-plugins/jquery-plugin-accordion/
Chamamos de efeito zebra o ato de alternarmos as cores de plano de fundo das linhas de uma tabela. A estilização consiste em estilizar as linhas pares de uma cor e as impares de outra cor. A principal vantagem além de alterar o visual da tabela, é facilitar a compreensão e a leitura da mesma.
Conseguimos [...]
Nessa terceira matéria vamos ver os Seletores de conteúdo.
Para todos os exemplos será utilizado o mesmo código JavaScript, variando apenas o código para acessar o elemento. Código que se encontra na linha 5. Abaixo veja o código completo.
Para disparar a ação usamos um botão.
<script type="text/javascript" src="../jquery-1.2.6.js"></script>
<script type="text/javascript">
$(function(){
$('button').click(function () {
/*linha dos exemplos*/
});
});
</script>
Dando continuidade ao artigo de seletores.
Para todos os exemplos será utilizado o mesmo código JavaScript, variando apenas o código para acessar o elemento. Código que se encontra na linha 5. Abaixo veja o código completo.
Para disparar a ação usamos um botão.
<script type="text/javascript" src="../jquery-1.2.6.js"></script>
<script type="text/javascript">
$(function(){
$('button').click(function () {
/*linha dos exemplos*/
});
});
</script>
Nesse artigo vamos ver os tipos de seletores (classe, id e tag’s HTML), assim como tirar proveito da combinação deles. Saber perfeitamente como funciona a combinação de seletores, torna o trabalho do desenvolvedor muito mais fácil.
Nessa categoria do blog o foco é a biblioteca jQuery. Eu parto da premissa que você já tem [...]
Este artigo é apenas uma introdução ao Jquery que é uma biblioteca JavaScript criada por John Resig que tem por finalidade facilitar o desenvolvimento de scripts.
A biblioteca jQuery é disponibilizada como software livre( pode ser usada, copiada, estudada, modificada e redistribuída sem restrição), ou seja, você pode usar a biblioteca gratuitamente tanto para desenvolver seus [...]
