Tag Archives: jquery
O jTabk é um plugin que criei para auxiliar a animação em Tabs.
Pode utilizar também setas para passar as Tabs, segue abaixo o dois links, com e sem setas.
É bem simples sua utilização, só é preciso seguir umas regras de formatação de classes. Clique e confira
Continue Lendo
Agência OFF, desenvolvimento de soluções web para as Agências Digitais
O Plus Validate é Plugin jQuery que valida campos de um modo simples e objetivo e que está na versão 1.1!
Com esse plugin você pode validar:
- Se o campo for vazio:
- O mínimo de caracteres para esse campo e colocando uma mensagem de alerta:
- Forçar o usuário a digitar se o campo tem só números:
- Verificar se o E-mail é um endereço eletrônico.
Veja também no site oficial do jQuery:
http://plugins.jquery.com/project/plusvalidate
Navegadores: IE7+ / FF4+ / Chrome / Safari / Opera
Continue Lendo
Agência OFF, desenvolvimento de soluções web para as Agências Digitais
Plugin que abre uma Janela Modal estilizada para melhor design em suas páginas. Essa Janela segue o scroll para baixo ou para cima, não precisar estar em um local fixo na tela.
Documentação e Exemplos seguem também nesse post.
Veja também no site oficial do jQuery:
http://plugins.jquery.com/project/divbox-for-tedk
Navegadores: IE7+ / FF4+ / Chrome / Safari / Opera
Continue Lendo
Agência OFF, desenvolvimento de soluções web para as Agências Digitais
Um irmão do ImageFlow, o ContentFlow tem algumas particularidades e é mais fácil aplicar. Tem um loop nas imagens e como no ImageFlow você pode customizar ele bem, segue a dica. Veja alguns links
Continue Lendo
Agência OFF, desenvolvimento de soluções web para as Agências Digitais
Código simples para leitura de JSON com jQquery utilizando Classe.
Continue Lendo
Agência OFF, desenvolvimento de soluções web para as Agências Digitais
Imagem do Lightbox Script que chama o pretty photo. $(document).ready(function(){ $(".class-galeria a[rel^='lightbox']").prettyPhoto({theme:"dark_rounded"}); }); Mais antes exite o arquivo que completa a janela: jquery.pretty-photo.js O script completo fica assim: <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript" charset="utf-8"> google.load("jquery", "1.3"); </script> <script type="text/javascript" src="js/pretty-photo/jquery.pretty-photo.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".class-galeria a[rel^='lightbox']").prettyPhoto({theme:"dark_rounded"}); }); </script> Existe ainda o arquivo de configuração do css que é indispensável para a jenela. Script demo para visualização: CLIQUE AQUI Script completo: CLIQUE AQUI
Agência OFF, desenvolvimento de soluções web para as Agências Digitais
Script: $(document).ready(function(){ var z = 0; var inAnimation = false; $("#fotos img").each(function(){ z++; $(this).css("z-index", z); }); function swapFirstLast(isFirst){ if(inAnimation) return false; else inAnimation = true; var processZindex, direction, newZindex, inDeCrease; if(isFirst){ processZindex = z; direction = "-"; newZindex = 1; inDeCrease = 1; } else { processZindex = 1; direction = "-"; newZindex = z; inDeCrease = -1; } $("#fotos img").each(function(){ if($(this).css("z-index") == processZindex){ $(this).animate({"top" : direction + $(this).height() + "px"}, "slow", function(){ $(this).css("z-index", newZindex) .animate({"top" : "0"}, "slow", function(){ …
Continue Lendo
Agência OFF, desenvolvimento de soluções web para as Agências Digitais
Para suas aplicações ficarem sempre atualizadas utilize as APIs AJAX do Google para isso! E como fazer da maneira mais fácil e ainda deixar o código limpo? Vamos lá para a resposta. Primeiro vamos para a definição do Google para isso! A API AJAX de bibliotecas é uma rede de distribuição de conteúdo e arquitetura de carregamento das bibliotecas JavaScript de código aberto mais populares. As APIs AJAX do Google trabalham com variadas bibliotecas como citado acima, segue uma delas: …
Continue Lendo
Agência OFF, desenvolvimento de soluções web para as Agências Digitais