Ver Mensaje Individual
  #18 (permalink)  
Antiguo 26/12/2014, 11:43
marlbran
 
Fecha de Ingreso: diciembre-2014
Mensajes: 12
Antigüedad: 9 años, 4 meses
Puntos: 0
Respuesta: Menú con filter que se me resiste - No sé como ordenarlo

Lamento "reabrir" el tema, pero es que ahora me asalta otra duda respecto al menú.

¿De qué forma podría conseguir un efecto Fade- in Fade-out implementándolo al código js del div de los menús?

O, en todo caso, si se pudiera realizar con css.

El html es:

Código PHP:
Ver original
  1. <li><div id="genre" onmouseover="document.getElementById('subgenre').style.display = 'block';" onmouseout="document.getElementById('subgenre').style.display = 'none';"><a><h3><div id="genre" onmouseover="document.getElementById('subgenre').style.display = 'block';" onmouseout="document.getElementById('subgenre').style.display = 'none';"><?php _e('Género', 'doblerol'); ?></h3></a></div></li>
  2.  
  3.                 <li><div id="roles" onmouseover="document.getElementById('subroles').style.display = 'block';" onmouseout="document.getElementById('subroles').style.display = 'none';"><a><h3><?php _e('Roles', 'doblerol'); ?></h3></a></div></li>
  4.  
  5.                         </ul>
  6.  
  7.                                         <div id="subgenre" style="display: none;" onmouseover="document.getElementById('subgenre').style.display = 'block';" onmouseout="document.getElementById('subgenre').style.display = 'none';"><ul>
  8.                        <li><a href="#" data-filter=".term-absurdo"><h3><?php _e('Absurdo', 'doblerol'); ?></h3></a></li>
  9.                        <li><a href="#" data-filter=".term-cinenegro"><h3><?php _e('Cine negro', 'doblerol'); ?></h3></a></li>
  10.                        <li><a href="#" data-filter=".term-comedia"><h3><?php _e('Comedia', 'doblerol'); ?></h3></a></li>
  11.                        <li><a href="#" data-filter=".term-documental"><h3><?php _e('Documental', 'doblerol'); ?></h3></a></li>
  12.                        <li><a href="#" data-filter=".term-drama"><h3><?php _e('Drama', 'doblerol'); ?></h3></a></li>
  13.                        <li><a href="#" data-filter=".term-parodia"><h3><?php _e('Parodia', 'doblerol'); ?></h3></a></li>
  14.                        <li><a href="#" data-filter=".term-satira"><h3><?php _e('Sátira', 'doblerol'); ?></h3></a></li>
  15.                        <li><a href="#" data-filter=".term-suspense"><h3><?php _e('Suspense', 'doblerol'); ?></h3></a></li>
  16.  
  17.                     </ul></div>
  18.  
  19.                                         <div id="subroles" style="display: none;"onmouseover="document.getElementById('subroles').style.display = 'block';" onmouseout="document.getElementById('subroles').style.display = 'none';"><ul>
  20.                        <li><a href="#" data-filter=".term-2personajes"><h3><?php _e('2 personajes', 'doblerol'); ?></h3></a></li>
  21.                        <li><a href="#" data-filter=".term-3personajes"><h3><?php _e('3 personajes', 'doblerol'); ?></h3></a></li>
  22.                        <li><a href="#" data-filter=".term-4personajes"><h3><?php _e('4 personajes', 'doblerol'); ?></h3></a></li>
  23.                        <li><a href="#" data-filter=".term-5personajes"><h3><?php _e('∞ personajes', 'doblerol'); ?></h3></a></li>
  24.                     </ul></div>

Lamento la tabarra.

Última edición por marlbran; 26/12/2014 a las 11:48