Pregunta

Me gustaría incorporar una navegación circular con efectos de activación de los elementos individuales. ¿Hay tutoriales por ahí?

Si no es así, ¿cuál sería la mejor manera de hacer 6, 8, 12 o enlace de "elementos" dispuestas circularmente alrededor de un logotipo circular? Tendrán diferentes estados cuando oscilado, activa o deprimido? Yo quisiera que los artículos tienen esa sensación "buttony". Puedo usar JavaScript para hacer esto si hay algo que se adapte hacia ella, pero prefiero usar principalmente CSS.

¿Fue útil?

Solución

Hay algunas maneras de hacer esto.

El más sencillo es hacer un menú normal y la posición de uso: absolute; en todos los elementos individuales para colocarlos alrededor del logotipo.

Otra manera de hacer más complicados menús circulares es el uso de un mapa de imagen. Una vez encontré un buen tutorial que involucró a formas complejas y efectos activables en un mapa de imagen, pero lo perdí, lo siento.

Fue en un sitio bien conocido, al menos para mí, e involucró a un gráfico con manchas de colores, de diferentes formas. Algo así como quirksmode.com ... No sé más, yo te lo dirá cuando lo encuentro.

Esto le llevarán hasta allí sobre todo ... http://www.google.nl/search?q=html+ la imagen del mapa + + vuelo estacionario

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top