Mootools slider menu com jQuery
July 29th, 2008
Sempre, sempre jQuery, declaradamente meu framework preferido. Nomeado de Kwicks o sample foi todo desenvolvido em jQuery, mais um plugin muito r0x e muito simples mesmo de utilizar, um salve para Jeremy Martin.
Usando de um menu simples feito em lista (ul):
<ul class="kwicks" >
<li id="kwick1"></li>
<li id="kwick2"></li>
<li id="kwick3"></li>
<li id="kwick4"></li>
</ul>
O estilo voce faz como preferir respeitando as config abaixo:
.kwicks li{
float: left;
width: 125px;
height: 100px;
margin-right: 5px;
}
e por fim so ativar o plugin na classe ‘Kwicks’ colocada na tag ‘ul’:
$().ready(function() {
$(‘.kwicks’).kwicks({
max : 205,
spacing : 5
});
});
Para funcionar perfeitamente, claro, deve importar o js do jQuery e outro do Kwicks:
Kwicks uncompressed
Kwicks packed
Espero que gostem, bem simples mas com um resultado muito expressivo, como diz o próprio slogan do jQuery: "escreva menos e faça mais". Cya.
Link: Kwicks for jQuery





January 15th, 2010 at 17:16
Nice!, found your blog on Bing.Happy I finally tested it out. Unsure if its my Safari browser,but sometimes when I visit your site, the fonts are really small? However, love your post and will return.Bye
February 19th, 2010 at 20:49
Thanks for the sharing! Your post really helped me.