2011-08-08 9 views
6

Estoy interesado en hacer una pantalla con pestañas en una página web en la que estoy trabajando. Necesito aplicar mis propios estilos, así que me gustaría encontrar una biblioteca de JavaScript que brinde muy poco estilo y que haga la personalización lo más fácil posible.¿La biblioteca javascript más fácil para crear pestañas personalizadas?

Características: Me gustaría

  • especificar la imagen utilizada para la ficha.
  • Las pestañas pueden cambiar de tamaño para corregir el texto dentro de ellas.
  • Relativamente fácil de aplicar mis propios estilos.

Miré a jQuery UI aquí pero no parece que sería demasiado fácil de aplicar mis propios estilos si no utilizan sus herramientas para hacerlo.

También miré en jQuery Tools, que parecía un poco más fácil de personalizar, pero parece requerir que use imágenes de longitud fija para las pestañas.

¿Alguien puede recomendar una buena biblioteca js para crear una navegación con fichas personalizada? ¿Estoy haciendo más difícil la personalización de las dos bibliotecas mencionadas anteriormente de lo necesario?

+0

¿Puedo obtener una explicación del bajista? –

+1

Las pestañas de jQuery UI son muy extensibles. Incluso hay un desglose de qué clases se aplican en qué situaciones. El estilo es tan simple como elegir el selector '.ui-whatever' correcto y configurar los estilos como quieras. Solo [consulte la pestaña "Temas"] (http://jqueryui.com/demos/tabs/) – zzzzBov

+0

Bastante justo. En mi defensa, dicen esto en la pestaña de temas: 'Recomendamos usar la herramienta ThemeRoller para crear y descargar temas personalizados que sean fáciles de construir y mantener. No parece que sugieran seguir la ruta de la que hablo arriba. –

Respuesta

3

Este es un recorrido muy fácil de crear fichas personalizadas usando jQuery, he seguido una vez y no han utilizado ningún otro pestañas desde:

Custom jQuery Tabs | Soh Tanaka

sé que puede ser tentador utilizar a menudo las bibliotecas para algo como esto, pero es muy sencillo y sabrá todo acerca de cómo se trabajo, lo que le permitirá personalizarlos mucho más fácil que casi cualquier otro p Lug-ins.

+0

Parece muy prometedor. Además jQuery sigue siendo una biblioteca de JavaScript;) –

+0

Lo sé :) Solo me refería a bibliotecas y complementos más "especializados/específicos". De todos modos, recomiendo este, así como varios de los otros tutoriales/tutoriales en el sitio. –

+0

Eso era exactamente lo que estaba buscando. Gracias por el enlace, estoy seguro de que lo usaré bastante en el futuro. –

2

con jQuery-UI puede cambiar fácilmente los estilos con CSS, que No necesita ninguna herramienta de fantasía^_^

Cuestiones relacionadas