2010-11-01 26 views
5

? Tenemos el requisito de no usar javascript para los menús desplegables. Este requisito se debe al valor de SEO de maitain.¿Es posible hacer un menú desplegable sin Javascript o Jquery

¿Hay alguna forma de lograr esto con CSS puro y hacerlo funcionar en todos los navegadores?

He intentado con li mouseover y mouseout, pero no funciona en IE7. funciona solo en Firefox.

¿Puede aconsejar o dar instrucciones sobre una buena solución?

gracias

+1

Aunque tal vez sea posible, me pregunto si es realista para hacer cumplir una política de "no javascript". Cuando no quiera usar JavaScript, perderá muchas características modernas del mundo de la Web 2.0. Una opción podría ser buscar características en HTML5, pero muchos navegadores antiguos no lo admitirán. –

+0

@workshop, pero tenemos un requisito de SEO de negocios como ese. – kobe

+0

Lo sé. En mi experiencia, con ese tipo de requisitos, solo tiendo a decir "No, no es posible". (¡Incluso si es posible!) ¿Por qué? Porque hace las cosas extremadamente difíciles cuando quiere este tipo de características sin ninguna opción de creación de scripts. "Se puede hacer" no es una excusa válida para hacer las cosas de una manera lenta y dolorosa. CSS es extremadamente poderoso, pero este tipo de trucos requieren mucha experiencia para mantener. –

Respuesta

1

¿Qué pasa con HTML plano?

<select name="myDropdown"> 
    <option value="1">Option 1</option> 
    <option value="2">Option 2</option> 
</select> 
+1

Creo que se refería a un menú de sitio web, no para seleccionar datos en un formulario. –

+0

Quizás puedas probar algo como esto: http://www.exploding-boy.com/images/EBMenus/menus.html – dotariel

+0

Sí, menús del sitio web ... solo – kobe

3

usted puede hacerlo sólo con CSS

#item { 
    display: none; 
} 

#item:hover { 
    display: block 
} 

también echar un vistazo aquí:

http://lwis.net/free-css-drop-down-menu/

Es posible hacer frente a un problema con IE6 para vuelo estacionario sobre el elemento HTML diferente de esta manera puede utilizar este truco/fix

http://www.xs4all.nl/~peterned/csshover.html

Probé esto: http://lwis.net/free-css-drop-down-menu/dropdown.simple.horizontal.html

obras bajo IE 6/7/8 , probado con IETester

+0

esto no funciona en IE. – kobe

+0

¿Cuál no funciona y bajo qué IE (6/7/8)? – infinity

+0

gracias infinito, ustedes hicieron mi trabajo muy fácil. – kobe

Cuestiones relacionadas