Visual-Blast Media

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

'Javascript' artigos

Simple menu animado para Mootools

Um simples Animated Menu para Mootools - você não vai mesmo ter de sujar-se em javascript. Basta definir:

  • um contentor para a imagem de fundo
  • nav os elementos
  • a «actual» nav elemento ID
  • a animação horizontal da pista (a coordenar y da imagem de fundo)
  • o deslocamento à esquerda da imagem em relação ao elemento nav

O código foi testado no FF 3.0, FF 2.0, IE 7, IE 6 (menos imagem de transparência), Opera e Safari para Windows 9.5.


FLIR - Imagem Facelift substituição script

Uma alternativa para sIFR, FLIR - é uma imagem substituição script que gera dinamicamente imagem representações de texto na sua página web em fontes que o contrário poderia não ser visível para os visitantes.

A substituição imagem é gerada dinamicamente usando os estilos CSS que você tenha aplicado ao elemento. Você não está limitado a um tipo de letra e cor com o seu substituto imagens. Adicionar como muitas fontes e cores como você deseja para o seu elementos e eles serão automaticamente detectado e substituídos.

facelift javascript image replacement


Carousel.us - Javascript 3D um carrossel

Carousel.us é um carrossel Javascript 3D, utilizando quer o prototype.js e scriptaculous.js ou mootools.js quadros. Ele também usa PHP Fácil Reflexões v3 - um script PHP que tenha uma imagem e, em seguida, cria um reflexo de que - por Richard Davey.

Correções na nova versão (07/23/08): Adaptação para mootools.js transparência e compatibilidade para o IE6.

É fácil de utilizar, no arquivo de configuração, você poderá definir os parâmetros predefinidos ou você também pode defini-los através de URL usando o método GET, como o quadro que você quer usar, reflexo da opacidade, reflexão altura, carrossel velocidade, a adicionar gerador em onclick cada imagem, e muitas mais.


Door style menu jQuery garagem

Tutorilal sobre como criar Garage Door Estilo Menu usando imagens animadas com jQuery onde uma imagem "desliza para cima" para revelar uma outra imagem que lhe está subjacente.

Dê uma olhada no demo aqui.


Flexigrid para jQuery - Leve e rico dados grid

Flexigrid para jQuery - leves, mas ricos dados resizable grid com colunas e uma rolagem de dados para coincidir com os cabeçalhos, além de uma habilidade para se conectar a uma fonte de dados baseado em XML usando Ajax para carregar o conteúdo.

No conceito semelhante com o Ext Grid apenas a sua jQuery puro amor, que torna peso leve e segue o jQuery mantra de correr com a menor quantidade de configuração.

flexigrid jquery data grid

Funções [na nova versão 1.0b3]:

  • Redimensionável colunas
  • Redimensionável altura e largura
  • Classificáveis coluna cabeçalhos
  • Cool theme
  • Pode converter uma tabela ordinária
  • Habilidade para se conectar a um ajax fonte de dados (XML e JSON [novo])
  • Paginação
  • Mostrar / ocultar colunas
  • Toolbar (novo)
  • Pesquisa (novo)
  • Acessíveis API

... Mais info na página Flexigrid projeto


Color Picker - jQuery plugin

Color Picker jQuery plugin - um simples componente para selecionar cores da mesma maneira que você selecionar cores no Adobe Photoshop.

É fácil de implementar - anexar os arquivos Javascript e CSS para o seu documento e tudo o que você tem que fazer é selecionar os elementos em uma maneira jQuery e chamar o plugin:

$ ( 'Input'). ColorPickerSetColor (opções);

color picker jquery plugin


PrettyPhoto - um clone jQuery lightbox

A nova versão 2.1 do prettyPhoto liberados. Descrições / Títulos de apoiar agora o código html.

A utilização é simples, basta incluir a biblioteca jQuery, prettyPhoto Javascript e CSS prettyPhoto o ficheiro e adicionar rel = "prettyPhoto" a qualquer foto que você deseja ativar o recurso prettyPhoto.

Se você quiser que as imagens sejam uma parte de uma galeria, basta adicionar o nome na galeria braket.

Testado e trabalhando no Firefox 2.3 (Mac / PC), Safari 3.1.1 (Mac), o IE 6.7. Descompactado versão - script: 16kb / CSS: 8kb, tamanho comprimido - script: 8kb / CSS: 3.8kb.

prettyphoto jquery lightbox script


mooZoom - zoom in / out Imagens utilizando o rato-scroll

mooZoom é um discreto cruzada bowser javascript utilitário que permite a você ampliar uma imagem no ponto desejado utilizando-rolagem do mouse (+ - controles de zoom será adicionado na próxima versão). Testado no IE, Opera, Firefox, Safari.


Meteora - conjunto de Widgets Javascript e Controles

Meteora Javascript Widgets - Com base no grande quadro mootools (versão 1,11) e liberado sob a licença MIT, Meteora é conjunto de cross-browser Javascript Widgets e Controles.

Com Meteora você pode escrever rapidamente ricos e personalizável aplicações web sem ter de perder tempo lendo páginas de documentação integral programação excessiva ou javascript que é doloroso para depurar em cada navegador.

Certifique-se de verificar se as demonstrações como: Autocomplete Widget, Bubble Widget, Calendar widget, Datagrid Widget, Dialog Widget, Editor Widget, Filebrowser Widget, Formulário de Controle, JsonRpc Core, Menu Widget e muito mais.


jGrowl - jQuery baseado notificações

Semelhante ao popular sistema OS X mensagem quadro chamado rosnar, e semelhante à Janela rosnar (baseado MooTools), jGrowl é um plugin que jQuery fornece uma maneira simples para os desenvolvedores de levantar discretos mensagens para o usuário final.


6 7 8 9 10 » ... Last » Página 5 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