Web Grafismo

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/

Efeito Morph on mouseenter/mouseleave com Mootools Twitter ♥ Facebook ♥ Del.icio.us

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 de descarregar Mootools [...]

Galeria de Imagens em Slideshow com Mootools Twitter ♥ Facebook ♥ Del.icio.us

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, tenho visto [...]