Phatfusion * Menu de Fotografias com Mootools
Phatfusion mostra-nos uma outra forma de construir o nosso menu, pela criação de um menu de imagens que recorre à plataforma Mootools. Este possui uma aparência muito boa e fácil de utilizar. É muito semelhante ao design do menu utilizado no website oficial da Mootools.
A aplicação resume-se a um menu horizontal que ao passar o rato sobre uma imagem, revela a totalidade da mesma.
Quais os browsers compatíveis?
- Firefox 2 (mac / pc)
- IE 7
- IE 6
- Safari (mac)
Quais as características do Menu?
- 2 opções de eventos onClick – abrir & fechar
- href passado pelos eventos onClick
- imagem mentem-se aberta quando clicada
- fecha quando clicada
- selecção de ítem para pré-abertura
E que Opções?
- onOpen – a função executa quando um ítem é aberto. Se existir um href dentro do li então é passo para função.
- onClose – o mesmo que em cima mas quando o ítem é fechado.
- openWidth – largura em px dos ítens quando o rato está sobre. defeito: 200
- transition – defeito: Fx.Transitions.quadOut
- duration – o comprimento da transição. defeito: 400
- open – o id ou index de um ítem para abrir ao entrar. defeito: null
- border – valor em px para a largura dos ítens quando abertos. defeito: 0
Requisitos: mootools v1.11
Download: imagemenu.zip
Website: http://www.phatfusion.net/imagemenu/
MooTools ScrollSpy é um plugin MooTools simples mas único que escuta o scrolling da página e dispara eventos baseados onde o utilizador faz o scroll. Agora você pode disparar funcionalidades específicas com apenas simples parâmetros. David Walsh mostra-nos 4 exemplos para utilizar o ScrollSpy. Exemplo 1: “Top the Top” Quando desliza para baixo um número [...]
Aprenda como pode adicionar grandes efeitos com o Element Method: morph e faça toda a lista uma região clicável com Mootols 1.2. O QUE IRÁ PRECISAR: Antes de começar, você deve ficar um pouco familiar com o Element Method: morph. Os eventos configuráveis mouseenter e mouseleave, os quais o tutorial se baseia. Depois, irá precisar [...]
Se estiver à procurar de templates de websites para os seus designs, a Overture21 disponibiliza 3 modelos que combinam HTML, CSS, efeitos Javascript e Mootools que são exemplos soberbos de tipografia para web. Descubra por si mesmo… Três templates estão disponíveis: 960 pixeis largura fixa 12-colunas largura fluida 16-colunas largura fluida Estes templates foram construídos [...]
noobSlide é um slideshow para galeria de imagens baseada na plataforma Mootools. Pode-se escolher 7 estilos diferentes de slide shows para as nossas galerias. Achei que você poderia gostar de ter uma galeria assim. Pois considero ser, uma nova forma de apelar a atenção do utilizador através dos movimentos deslizantes que as imagens realizam. De facto, [...]
O que tens a dizer?
Registar o seu Gravatar.