elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Entrar al Canal Oficial Telegram de elhacker.net


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  Hover de elemento hijo
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: Hover de elemento hijo  (Leído 1,698 veces)
kakashi20


Desconectado Desconectado

Mensajes: 435


Ver Perfil
Hover de elemento hijo
« en: 8 Enero 2016, 23:53 pm »

hola

tengo el siguiente codigo:

Código
  1. <ul class="mainYearPrensa">
  2.  
  3. <li class="filterYearPrensa">2013
  4.  
  5. <ul class="mainDisePrensa">
  6.  
  7. <li class="filterDisePrensa" onclick="ViewDise()">Diseñador 1</li>
  8. <li class="filterDisePrensa" onclick="ViewDise()">Diseñador 2</li>
  9.  
  10. </ul>
  11.  
  12. </li>
  13.  
  14. <li class="filterYearPrensa">2014
  15.  
  16. <ul class="mainDisePrensa">
  17.  
  18. <li class="filterDisePrensa" onclick="ViewDise()">Diseñador 2</li>
  19.  
  20. </ul>
  21.  
  22. </li>
  23.  
  24. </ul>


Mi pregunta es, como podria hacer que cada <li> de clase "filterYearPrensa" por medio de un hover, despliegue su <ul> hijo ?

Alguna idea ?

Gracias


En línea

Wick3D

Desconectado Desconectado

Mensajes: 147


<?php echo "Im your source code"; ?>


Ver Perfil
Re: Hover de elemento hijo
« Respuesta #1 en: 9 Enero 2016, 02:35 am »

Creo que lo que tú buscas es esto: https://developer.mozilla.org/es/docs/Web/CSS/:hover


« Última modificación: 9 Enero 2016, 02:38 am por Wick3D » En línea

xiruko


Desconectado Desconectado

Mensajes: 438


Ver Perfil
Re: Hover de elemento hijo
« Respuesta #2 en: 9 Enero 2016, 03:11 am »

Código
  1. ul.mainDisePrensa {
  2.   display: none;
  3. }
  4.  
  5. li.filterYearPrensa:hover ul.mainDisePrensa {
  6.   display: block;
  7. }

Saludos!
En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
Leer elemento a elemento de un fichero
Programación C/C++
eleon 3 3,612 Último mensaje 1 Febrero 2012, 14:06 pm
por eleon
error hover jquery
Desarrollo Web
kakashi20 3 1,946 Último mensaje 8 Marzo 2014, 01:14 am
por EFEX
menu css hover
Desarrollo Web
kakashi20 6 2,385 Último mensaje 9 Marzo 2014, 23:28 pm
por EFEX
css after hover
Desarrollo Web
dpr 1 1,475 Último mensaje 17 Abril 2019, 22:58 pm
por iCoke
[CSS]Afectar padre con hover de hijo
Desarrollo Web
SrTrp 4 4,547 Último mensaje 14 Septiembre 2020, 02:20 am
por SrTrp
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines