KADUNEW.COM/BLOG Tutoriais, Dicas e Artigos sobre Web Design, Web Standards, CSS, HTML, SEO e Programação web.

Arquivos na categoria: ‘jQuery’

Paginação em listas HTML com jQuery Quick Pagination

Com o plugin Quick Pagination você é capaz de criar paginações rapidamente em suas listas. Ótimo para converter listas extensas em listas menores. O plugin ainda permite ajustar alguns dos seus parâmetros adicionais. Você pode especificar a navegação na parte superior, inferior ou ambos, pode também especificar o número de itens a serem exibidos.

Deixe um Comentário

20 tutoriais jQuery para galeria de imagens

Todo desenvolvedor web sabe que conseguimos ótimos efeitos com jQuery. Usando jQuery você pode criar efeitos dinâmicos e interativos para envolver os seus leitores. Uma maneira de mostrar seu conteúdo de uma forma interativa é usar Slideshows desenvolvidos com JavaScript. Esse tipo de apresentação tem se tornado cada vez mais popular em páginas da web.

Comentários (1)

Criando máscara de entrada em formulários com Masked Input e jQuery

Este plugin que funciona em conjunto com a biblioteca jQuery permite a aplicação de uma máscara de entrada para campos de formulário do tipo input, esta técnica fornece uma solução elegante para introduzir dados em campos de texto, como data, CPF, número de telefone, etc.
A máscara torna a entrada de dados mais fácil e ainda [...]

Comentário (2)

FireQuery – extensão jQuery para Firefox

Se você é um desenvolvedor Web com toda certeza conhece a ferramenta Firebug utilizada para inspecionar códigos HTML, CSS e JavaScript. Para deixar esta ferramenta ainda mais completa pode-se usar a extensão FireQuery para Firefox. Esta extensão adiciona funcionalidades ao Firebug para auxiliar o desenvolvimento com a biblioteca jQuery.

Deixe um Comentário

Efeitos com jQuery

Quem já sabe o que é jQuery, sabe que essa bibioteca JavaScript nos permite a realização de efeitos complexos de uma forma rápida, fácil e o melhor, com pouco código.
Nesse artigo vou mostrar como fazer efeitos de opacidade, revelar e ocultar elementos com o uso da fantástica biblioteca jQuery.
Para disparar a ação utilizamos um botão.
Confira [...]

Comentário (3)

Destacando linhas de tabelas ao passar o mouse

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 [...]

Comentário (3)

Efeito sanfona com jQuery e Accordion

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/

Comentário (10)

Tabela – efeito zebra

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 [...]

Comentário (2)

Seletores jQuery – parte III

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>

Deixe um Comentário

Seletores jQuery – parte II

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>

Comentários (1)