Crear tabs o pestañas html automaticamente con javascript

Pestañas html adaptables para cualquier sitio web. Estas pestañas html son simplemente increibles, son tan simples de usar que simplemente da ganas de ponerle pestañas html a todo , no se dejen engañar por su aspecto rústico , lo importante de ellas es su funcionalidad ya que el estilo es alterable completamente, entre sus caracteristicas tenemos: * Convierte tu HTML en una interfaz con pestañas dinámicas. * No requiere la configuración de una lista de enlaces. * Plug and Play: no necesita saber JavaScript, sólo hacer unos cuantos cambios sencillos a su HTML. * Usar CSS para personalizar el aspecto de las pestañas. * Conjuntos de fichas múltiples en una página * Establecer la ficha inicial que se muestra. * El uso de javascript para el control de la ficha que se muestra. *Permite definir onLoad onClick para realizar funciones avanzadas como traer contenido con ajax * Use una cookie para recordar la ficha que se seleccionó.

Enlaces patrocinados:



Comentarios

RedVirus13:
2011-03-16 21:03:07

gracias tanto que busque y por fin lo encontre

Alfonso:
2012-02-14 01:02:23

Gracias voy a implementarlo en unos formularios

Gregorio:
2012-02-28 18:02:11

Ya lo implemente y si funciona en firefox y chrome, pero en exxplorer no funciona!!, me pueden dar una idea del porque!!!

Jesús Delgadillo:
2013-07-29 16:07:24

Hola, soy principiante en HTML, Javascript y CSS. Me preguntaba si existe la posibilidad de cambiar las letras de Tab1, Tab2, Tab3... Por varias imágenes, manteniendo la funcionalidad y el toque de Profesionalidad, si existe manera de hacerlo, ¿que tengo que hacer?.

Nolberto:
2014-02-19 18:02:31

Estoy implentando tabs automaticos de jquery ui, hasta ahi todo bien, pero quisiera que en los nuevos tabs que se va creando cargar contenido con ajax. Alguien queme pueda ayudar gracias.

Isaac Flores:
2014-09-08 16:09:56

Excelente..... simple, funcional, código muy limpio, muchas gracias

Deje un Comentario
[Opcional]
(No se mostrará en el sitio)
[Opcional]
[Opcional]

Ultimos Comentarios

jhonydepp dijo:

excelente recurso gracias por compartirlo

monipodio dijo:

Tu pagina es un horror,... o no es compatible con Chrome, no pude ver absolutamente nada, ni código fuente ni demostrativo. ...

candy neyra dijo:

como puedo obtener el codigo para implementar

Ramesh Sampangi dijo:

Really nice post. I liked it. Keep sharing some more posts again quickly! <a href="https://aipatasala.com/courses/DS@HYD/Data-Science-Course-in-Hyderabad">Data ...

teja aswani dijo:

This is a well-written article. I read the material and found it to be extremely beneficial. Thank you for sharing this information. ...

Artificial Intelligence course in Chennai dijo:

I really enjoy every part and have bookmarked you to see the new things you post. Well done for this excellent article. Please ...

AWS Training in Hyderabad dijo:

Excellent pieces. Keep posting such kind of info on your blog. I?m really impressed by your site. <a href="https://www.kellytechno.com/Hyderabad/Course/amazon-web-services-training">AWS ...

www.amazon.com/mytv dijo:

<a href="https://sites.google.com/view/avgcomenusactivation/" rel="dofollow">avg.com/retail</a> <a ...

Brajput123 dijo:

<a href="https://www.amzoncamzon.com/"> Amazon.com mytv </a> - you merely unboxed a fresh ...