Visual-Blast Media

Free web recursos para designers e desenvolvedores web | Livre Ícones, Tutoriais, Scripts, Photoshop, CSS

'Javascript' artigos

Criando um teclado virtual com jQuery

Teclado virtual jQuery - Saiba como criar um simples teclado virtual com jQuery e fornecer seus usuários com a opção de utilizar um teclado virtual na chave em suas senhas e evitar keyloggers e outros softwares maliciosos para monitorar e gravar as suas senhas.

Confira a demo.

Virtual jQuery keyboard


CoolTips - Leve um pouco visíveis JavaScript tooltips

CoolTips é usado para substituir a convencional via web browser dicas. As dicas buscar o conteúdo do atributo título, por isso é totalmente discreto. OO CoolTips é uma classe baseada em Prototype JS e script.aculo.us quadros.

CoolTips Opções:

  • backgroundColor: O padrão é '# 999'.
  • borderColor: O padrão é '# 666'.
  • TextColor: Valor padrão é de CSS.
  • textShadowColor: Texto sombra cores (só funciona no Safari ainda). Valor padrão é de CSS.
  • maxWidth: tooltip largura máxima permitida em pixels. Padrão é de 250.
  • atraso: Atraso dicas antes de aparecerem em milisegundos. Padrão é de 250.
  • mouseFollow: Tooltip irá seguir o cursor do rato. O Padrão é verdade
  • opacidade: Alvo de dicas de opacidade. O Padrão é ,75
  • appearDuration: Aparecem em efeito fade duração em segundos. O Padrão é ,25.
  • hideDuration: Ocultar fade out efeito duração em segundos. O Padrão é ,25.

Dica MooTools

Tooltip MooTools - let's você cria mouse sobre dicas para o seu conteúdo e permite-lhe mostrar informações adicionais. Utilizando técnica gzip carregador vai entregar CSS e Javascript arquivos mais rápido e também com a minima solicitação HTTP. Dependências: MooTools, PHP e um JS. O código principal é de YOOtooltip.


FormCheck v. 1.4

Uma nova versão da FormCheck, disponível para mootools v1.1 e v1.2, com um monte de melhorias. Você pode vê-lo aqui (são diferentes demonstrações avalaible) e baixe-o aqui. Existe um monte de opções, dê uma olhada na documentação.

Melhorias:

  • disponíveis para mootools v1.1 e v1.2
  • é agora possível para bloquear o foco em um campo com erro
  • execução de uma fundamental ajax apresentação
  • um novo padrão na sombra tema apoiando IE6
  • possibilidade de apresentar o formulário com uma âncora (ou outros elementos) com a classe validar [ 'submeter']
  • um botão fechar dicas
  • e um monte de bugs corrigidos (textarea o problema, a confirmação bug, ...)

Crie Smooth Janela Pop-up usando jQuery

Janela Pop-up usando jQuery - Saiba como criar janela popup a partir do zero usando jQuery em um tutorial simples e limpo. Testado em: Firefox, o Internet Explorer 6 & 7, Opera (antigos e 9,52), Safari & Chrome. Ver exemplo.


jQuery menu drop-down feed

jQuery Feed Menus - uma maneira fácil e padrão de oferta de seus feeds através de um belo e compacto menu, tal como no bar local, mas em seu site. Basta permitir que os usuários clicam em seu ícone e alimentos para ser presenteado com uma lista de feeds para você escolher.


Showcase - um Protótipo Extensão

Showcase.js necessidades do quadro JavaScript Prototype (versão 1,6) e os effects.js componente do Script.aculo.us (versão 1,8), a fim de função.

Além Horizontal, há mais 2 layouts: Vertical e Diagonal.

Você pode configurar o rácio - este é o rácio entre o centro e os slides nas extremidades, de tamanho - o número total de slides visível em uma hora, duração - duração de uma plena circulação, initialDelay - isto controla a quantidade de tempo que passa a partir do momento em que a Showcase é inicializado para o momento em que os slides espalhar-se, criando um belo efeito de arranque, e, claro, de direcção - horizontal, vertical ou diagonal.


Animar hover com jQuery

Animar hover com jQuery - Animar uma imagem enquanto ele flutua e mostrar aos visitantes mais informações com um belo efeito animação. Dê uma olhada em um exemplo.


Galleriffic - jQuery um plugin para um rápido desempenho Galerias de Fotos

Galleriffic jQuery plugin foi inspirado por Mike Alsup's Cycle plugin, mas com desempenho em mente para a entrega de um volume alto de fotos.

Galleriffic - jquery slideshow plugin

Características do Galleriffic plugin:

  • Smart Image pré após a página é carregada
  • Miniatura de navegação (com pagination
  • Favorito-friendly URLs
  • Slideshow (com auto-atualização url bookmarks)
  • Image fade transições
  • Opcional link para baixar a imagem original
  • Configuração flexível
  • Graciosa degradação quando javascript não está disponível

Você pode inicializar a galeria ao chamar a função init galleriffic, passando, as miniaturas e um recipiente selector opções.


Digg estilo formulário de inscrição com jQuery

Tutorial sobre como criar um Digg-como formulário de inscrição com as características originais, como a sua dinâmica dicas que lhe dar uma dica sobre cada campo que está a ser preenchido, com apenas algumas linhas de código jQuery. A mesma abordagem será adotado para validação exibindo mensagens.

Ver Demo

Digg-like signup form


3 4 5 6 7 8 9 10 » ... Last » Página 2 de 11 «1 2 3 4 5 6 7 8 9 10» ... Última »

Traduções

English flagItalian flagKorean flagChinese (Simplified) flagPortuguese flagGerman flagFrench flagSpanish flagJapanese flagArabic flagRussian flagGreek flagDutch flagBulgarian flagCzech flagDanish flagFinnish flagHindi flagPolish flagRumanian flagSwedish flagNorwegian flag