[PXzin]

PXzin BounceMenu Versão 1.0.0

Recentemente vi esse menu em algum lugar e não marquei onde. Quando precisei, não achei!
Precisei então criar meu próprio scriptzin.
Então tá ae:

- Demonstração: http://www.vertic.co...ste/bounceMenu/
- Modo de uso: Para utilizar o script é necessário JQuery 1.2.3 e o plugin Easing 1.3 e uma estrura de menus como a seguinte:

	//apenas exemplo
	<dl id="menu">
			<dt>#Menu-1#</dt>
				<dd>
					<ul>
						<li>#Sub-menu#</li>
						<li>#Sub-menu#</li>
						<li>#Sub-menu#</li>
						<li>#Sub-menu#</li>
						<li>#Sub-menu#</li>
					</ul>
				</dd>
			<dt>#Menu-2#</dt>
				<dd>
					<ul>
						<li>#Sub-menu#</li>
						<li>#Sub-menu#</li>
					</ul>
				</dd>
			<dt>#Menu-3#</dt>
				<dd>
					<ul>
						<li>#Sub-menu#</li>
						<li>#Sub-menu#</li>
						<li>#Sub-menu#</li>
						<li>#Sub-menu#</li>
						<li>#Sub-menu#</li>
						<li>#Sub-menu#</li>
						<li>#Sub-menu#</li>
						<li>#Sub-menu#</li>
					</ul>
			   </dd>
			<dt>#Menu-4#</dt>
				<dd>
					<ul>
						<li>#Sub-menu#</li>
					</ul>
				</dd>
		</dl>

- O Script para o menu usando o padrão acima é o seguinte:

		$(function(){
			//SCRIPTZIN BY PXZIN
			//USE SEM MEDO
			//NÃO ME RESPOSÁBILIZO POR USO INCORRETO
			$("#menu dt").nextAll("DD").hide();
			$("#menu dt:first").next("DD").slideDown("slow","easeOutBounce");
			$("#menu dt").click(function(){
				$("#menu dd:visible").slideUp("slow","easeOutBounce");
				$(this).next("DD").slideDown("slow","easeOutBounce");
			});
		});

Estou tentando melhorar um pouco mas acho que não deve ser nada muito além disso.
Vejam ai se gostaram, o CSS é por conta de vocês.

[David Cruvinel]

mto bom...

parabéns....

vou usar esse menu...hehehe

[Lucasbr]

daivide chupim!

ficou show de bola o menu!

[David Cruvinel]

[PXzin]

Faltou agradecer o LucasBR pela idéia e paciência e o David por testar nos diversos Browsers do mercado.
Valew irmãozinhos!

[David Cruvinel]

[Lucasbr]

Quote

Faltou agradecer o LucasBR pela idéia e paciência

imagina velho, a ideia foi sua... e no q puder ajudar, tamo ae!

[Olhos Espanhois]

Adorei talvez eu use ....

[ThallysonDias]

Nossa muito show
parabens.

Mais tipo, nem todos os usuarios possuem jquery e o easyng.
isso seria um problema??

[NightSpy]

pxzin... esse menu é oq vc esta usando... se for...caraca véio, efeito show e script simples... assim q gosto!

----------------------edit-----------------------

agora vi que necessita do jquery e do easyng

[Lucasbr]

Quote

Mais tipo, nem todos os usuarios possuem jquery e o easyng.
isso seria um problema??

nao teria problema pois vc incluira eles no seu script...

[PXzin]

O JQUERY e o EASING são públicos e pequenos. É só linkar no começo do arquivo e pronto.
Infelizmente não tem como fazer o efeito sem eles, na verdade seria reinventar a roda. O script ficaria gigante e o tempo de desenvolvimento não valeria a pena.