Webly: [script] Menu Quicante! Bouncing Menu! - Webly

Ir para

Regras para postagem

É permitido postar livremente respostas com comentários, testes e avaliações dos scripts. Postagens contendo dúvidas sobre o script, deverão ser postadas no fórum principal de javascript/ECMAScript/AJAX.

IMPORTANTE: Todos os tutoriais postados neste fórum irão automaticamente para o portal Webly. Contribua você também e faça parte da equipe de colaboradores que fazem a evolução da web. Obrigado.
Página 1 de 1

[script] Menu Quicante! Bouncing Menu! Scriptzin by PXzin Avaliar tópico: -----

#1 Membro offline   PXzin Ícone

  • Spiderman?
  • Ícone
Grupo:
Coordenadores
Posts:
1319
Cadastrado:
03-janeiro 07
Localização:
Sorocaba SP

Postou 16 maio 2008 - 03:45

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.

Reformulando...
0

#2 Membro offline   David Cruvinel Ícone

  • Alguma Coisa!
  • Ícone
Grupo:
Coordenadores
Posts:
1976
Cadastrado:
25-agosto 06
Localização:
Guaxupé - MG

Postou 16 maio 2008 - 03:48

mto bom...

parabéns....

vou usar esse menu...hehehe
Portal Onde tem Festa - Divulgação e Cobertura de Eventos
www.ondetemfesta.com.br

DEC WebSites - Desenvolvimento de WebSites
www.decwebsites.com.br
0

#3 Membro offline   Lucasbr Ícone

  • O.o
  • Ícone
Grupo:
Administradores
Posts:
2440
Cadastrado:
03-julho 06
Localização:
SBC - SP
Interesses:
Meus interesses

Postou 16 maio 2008 - 04:08

daivide chupim!

ficou show de bola o menu!
Lucas Cavallari

Dúvidas? No fórum... nada de MP nem MSN...!
Se a resposta te ajudou, retorne ao topico e diga, pois facilitará para outros usuarios...
0

#4 Membro offline   David Cruvinel Ícone

  • Alguma Coisa!
  • Ícone
Grupo:
Coordenadores
Posts:
1976
Cadastrado:
25-agosto 06
Localização:
Guaxupé - MG

Postou 16 maio 2008 - 04:17

:angry:
Portal Onde tem Festa - Divulgação e Cobertura de Eventos
www.ondetemfesta.com.br

DEC WebSites - Desenvolvimento de WebSites
www.decwebsites.com.br
0

#5 Membro offline   PXzin Ícone

  • Spiderman?
  • Ícone
Grupo:
Coordenadores
Posts:
1319
Cadastrado:
03-janeiro 07
Localização:
Sorocaba SP

Postou 16 maio 2008 - 04:31

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

#6 Membro offline   David Cruvinel Ícone

  • Alguma Coisa!
  • Ícone
Grupo:
Coordenadores
Posts:
1976
Cadastrado:
25-agosto 06
Localização:
Guaxupé - MG

Postou 16 maio 2008 - 04:38

:wub:
Portal Onde tem Festa - Divulgação e Cobertura de Eventos
www.ondetemfesta.com.br

DEC WebSites - Desenvolvimento de WebSites
www.decwebsites.com.br
0

#7 Membro offline   Lucasbr Ícone

  • O.o
  • Ícone
Grupo:
Administradores
Posts:
2440
Cadastrado:
03-julho 06
Localização:
SBC - SP
Interesses:
Meus interesses

Postou 16 maio 2008 - 05:28

Quote

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


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

Dúvidas? No fórum... nada de MP nem MSN...!
Se a resposta te ajudou, retorne ao topico e diga, pois facilitará para outros usuarios...
0

#8 Membro offline   Olhos Espanhois Ícone

  • Come do Dark Side... We have a cookies!
  • Ícone
Grupo:
Membro Amigo
Posts:
1051
Cadastrado:
21-novembro 07
Localização:
São Caetano do Sul
Interesses:
Design e web<br /><br />Fora bar, sinuca e muito Rock

Postou 16 maio 2008 - 05:34

Adorei talvez eu use .... ^_^
"Eu sou o melhor no que faço, E o que faço não é bom." - Logan Caolho

O inverno sempre passa com a aproximação da primavera no coração

Olhos Espanhois Design
http://www.olhosespanhoisdesign.com
Olhos Espanhois Design Blog
http://www.olhosespanhoisdesign.com/blog
Espaço pessoal
http://olhosespanhois.spaces.live.com/default.aspx

Grupo de Apoio ao Viciado em Webly (GAVW)

Meu avatar
http://img181.imageshack.us/img181/8575/logojd7.jpg
0

#9 Membro offline   ThallysonDias Ícone

  • Ícone
Grupo:
Membros
Posts:
94
Cadastrado:
28-abril 08
Localização:
MG - Contagem

Postou 29 maio 2008 - 08:26

Nossa muito show :D
parabens.

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

#10 Membro offline   NightSpy Ícone

  • Sigam-me os bons!
  • Ícone
Grupo:
Coordenadores
Posts:
1242
Cadastrado:
18-julho 06
Localização:
São Paulo / Zona Leste / PQ. São Lucas
Interesses:
Tecnologia, Design, Carros, Jogos, Conhecimento em geral

Postou 29 maio 2008 - 08:45

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

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

agora vi que necessita do jquery e do easyng :angry2:
Webly - Onde o aprender não é com professores e sim com amigos....
-------------------------|~|----------------------
Chaves - "Voce me chutou!"
Chiquinha - "Sim."
Chaves - "E na minha presença!?"
"Só me enganei uma vez: quando acreditei estar enganado!" (Professor Girafales)
-------------------------|~|----------------------
0

#11 Membro offline   Lucasbr Ícone

  • O.o
  • Ícone
Grupo:
Administradores
Posts:
2440
Cadastrado:
03-julho 06
Localização:
SBC - SP
Interesses:
Meus interesses

Postou 29 maio 2008 - 09:09

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...
Lucas Cavallari

Dúvidas? No fórum... nada de MP nem MSN...!
Se a resposta te ajudou, retorne ao topico e diga, pois facilitará para outros usuarios...
0

#12 Membro offline   PXzin Ícone

  • Spiderman?
  • Ícone
Grupo:
Coordenadores
Posts:
1319
Cadastrado:
03-janeiro 07
Localização:
Sorocaba SP

Postou 29 maio 2008 - 02:13

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.
Reformulando...
0
Página 1 de 1

Resposta rápida

  • Diminuir tamanho
  • Aumentar tamanho
  

1 usuário(s) está(ão) lendo este tópico
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)