tabSwitch: jQuery plugin
Escrito el 23 Apr, 2009 por Alexis en Misc, jQuery
tabSwitch es uno de los centenares de Plugins para jQuery que existen hoy en día para trabajar/crear “tabs”. tabSwitch llamo mi atención hoy por el hecho de que diferencia de sus “competidores” se requiere muy poco código para poner en funcionamiento, y sin mencionar que ese código es súper simple.
tabSwitch cuanta con 7 diferentes efectos para las transiciones entre las “tabs” y 2 layouts diferentes, lo que hace aun más hermoso.
Como bien lo dice el autor, no hay límite al tipo de código HTML que se le incluya ya que el plugin se acomodara a las circunstancias.
Por ejemplo, este es la función que inicializa el plugin:
<script type="text/javascript"> $(function(){ $('.SlideTab').tabSwitch('create',{width: 400, height: 400}); $('.tabSelect').click(function(e){ $('.SlideTab').tabSwitch('moveTo',{index: parseInt($(this).attr("rel"))}); e.preventDefault(); }); $('.Nav').click(function(e){ $('.SlideTab').tabSwitch('moveStep',{step: parseInt($(this).attr("rel"))}); e.preventDefault(); }); }); </script>
Como lo podrán apreciar es muy simple y poderosa. Los usos que se le pueden dar tabSwitch son varios e ilimitados.



![photo Reblog this post [with Zemanta]](http://img.zemanta.com/reblog_e.png?x-id=b69ea46e-bc90-44d9-8e15-5864e71bcbdd)














Additional comments powered by BackType