Comunidad de diseño web y desarrollo en internet online

como puedo hacer esto?

Citar            
MensajeEscrito el 06 Oct 2010 02:35 pm
Hola amigos del foro, he visto un menú que me gusto mucho, esta hecho al parecer en flash pero me gustaría hacer uno parecido el jquery, alguien me pudiera decir de algun ejemplo o tutorial de como empezar, gracias de antemano

Por carnicero666

Claber

156 de clabLevel



 

chrome
Citar            
MensajeEscrito el 06 Oct 2010 03:26 pm
:) <- link

Por tribak

Claber

2448 de clabLevel

6 tutoriales

Genero:Masculino   Héroes

Fotógrafo o algo

firefox
Citar            
MensajeEscrito el 06 Oct 2010 03:34 pm
Bien a como lo vi tienes que manejar bien los CSS y javascript. la logica es sencilla usaras mucho esta instruccion del jquery

$("#tuDiv_o_link").css('display','block');
o algo asi
dentro de un evento mouseover. en general quedaria algo como esto:
<script>
$(document).ready(function(){
$("#menu").mouseover(function(event){
$("#MenuQueAparece").css('display','block');
});
});

la logica es que el menu que aparece este algo asi:

....
<div id="menu">pasa el raton a qui y aparece el otro menu</div>
<div id="MenuQueAparece">Este seria el nuevo menu</div>
...

y en tu oja de estylos colocarias algo asi como:

#MenuQueAparece{
todo el estilo que quieras y agregas
display:none; //Esto es para que no se despliegue y con jquery lo apareces modificando esta propiedad de css
}

Espero te sirva.

Por rod00x3

Claber

595 de clabLevel



Genero:Masculino  

msie8
Citar            
MensajeEscrito el 06 Oct 2010 04:46 pm

tribak escribió:

:) <- link

Tribak gracias por el link

Por carnicero666

Claber

156 de clabLevel



 

chrome
Citar            
MensajeEscrito el 06 Oct 2010 04:48 pm

rod00x3 escribió:

Bien a como lo vi tienes que manejar bien los CSS y javascript. la logica es sencilla usaras mucho esta instruccion del jquery

$("#tuDiv_o_link").css('display','block');
o algo asi
dentro de un evento mouseover. en general quedaria algo como esto:
<script>
$(document).ready(function(){
$("#menu").mouseover(function(event){
$("#MenuQueAparece").css('display','block');
});
});

la logica es que el menu que aparece este algo asi:

....
<div id="menu">pasa el raton a qui y aparece el otro menu</div>
<div id="MenuQueAparece">Este seria el nuevo menu</div>
...

y en tu oja de estylos colocarias algo asi como:

#MenuQueAparece{
todo el estilo que quieras y agregas
display:none; //Esto es para que no se despliegue y con jquery lo apareces modificando esta propiedad de css
}

Espero te sirva.


rod00x3 tu explicación me ayuda bastante de como puedo hacerlo, ya estoy empezando cuando lo tenga lo posteo para ver que opinan, saludos y muchas gracias

Por carnicero666

Claber

156 de clabLevel



 

chrome
Citar            
MensajeEscrito el 07 Oct 2010 02:35 pm
no de nada suerte.

Por rod00x3

Claber

595 de clabLevel



Genero:Masculino  

msie8

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.