<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
<meta content="Hay veces que tenemos que mostrar el contenido en un espacio pequeño. Una forma de hacerlo es mediante el uso de pestañas o tabs. Fancy tabs es una plugin mootools que busca cubrir la mayoría de situaciones, usando  AJAX  para la carga de contenidos permite ser usada para propositos multibles. Todos los CSS son externos dando la posibilidad de cambiar el estilo facilmente.|Pagina-1" name="description"/>
<meta name="keywords" content="ajax,php,javascript,templates,plantillas,js ajax,net ajax,ajax manual, ajax php,iconos,frameworks, ajax plugins,addons,javascript ejemplos, scripting, XML, Servicios Web, php ajax, xslt, DHTML, aplicaciones web, Ajax JavaScript,programacion javascript,scripts, jQuery, jQuery scripts, jQuery plugin,prototype,scriptaculous,mootools"/>
<title>
Tabs animados con MooTools - Mootools Fancy Tabs -
Mootools |Códigos HTML
| Pagina-1
</title>
<link rel="canonical" href="http://www.ajaxshake.com/es/JS/237621/tabs-animados-con-mootools-mootools-fancy-tabs.html"/>
<base href="http://www.ajaxshake.com/"/>
<link rel="alternate" type="application/rss+xml" title="AjaxShake RSS Feed" href="http://feeds.feedburner.com/ajaxshake-es"/>
<link rel="stylesheet" href="public/resources/styles/all.3.0.min.css" type="text/css" media="screen, projection"/>
<link rel="shortcut icon" href="http://www.ajaxshake.com/favicon.ico"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>
<body>
<div class="container">
<div id="showPictures"></div>
<div id="header" class="span-24 last">
<div class="headerLogo">
<div id="shaker"><a id="ajaxshakeLink" onclick="markinfo(1,'logo')" href="http://www.ajaxshake.com/es/JS.html"><img class="logo" alt="AJAXSHAKE" src="public/resources/images/logo.jpg"/></a></div>
</div>
<div id="sections">
<ul>
<li>
<h1><a rel="nofollow" class="sectionActive" href="http://www.ajaxshake.com/es/JS.html">Códigos HTML</a></h1>
</li>
</ul>
</div>
<div class="ilikeit">
</div>
<div id="facebookLogin" class="facebookLogin">
</div>
<div class="socialItems">
<a rel="nofollow" target="_blank" href="http://feeds.feedburner.com/ajaxshake-es" title="Ajaxshake Feed Rss">
<img src="public/resources/images/social/feed.png"/>
</a>
<a rel="nofollow" target="_blank" href="http://www.facebook.com/pages/AjaxShakeEs/122980091095976" title="Ajaxshake Facebook">
<img src="public/resources/images/social/facebook.png"/>
</a>
<a rel="nofollow" target="_blank" href="http://www.twitter.com/ajaxshakeEs" title="Ajaxshake Twitter">
<img src="public/resources/images/social/twitter.png"/>
</a>
</div>
<div class="clear"></div>
<div class="lanBox">
<a href="http://www.ajaxshake.com/en/JS/237621/mootools-animated-tabs-mootools-fancy-tabs.html"><img width='32px' height='32px' src="public/resources/images/eng32.png" alt="EN"/></a>
<a href="javascript:void(0);"><img width='32px' height='32px' src="public/resources/images/spa32.png" alt="ES"/></a>
</div>
</div>
<div class="globalContent">
<div id="leftContent" class="span-15 first">
<div style="margin-bottom: 50px;">
 
<div id="bsap_1278345" class="bsarocks bsap_95111c43e0348a419d1a20d834c0b28f"></div>
 
<div class="clear"></div>
</div>
<div class="linkNewWin">
<div class="newWinOp"><input id="openLink" name="openLink" type="checkbox" onClick="openLink('http://www.ajaxshake.com/es/JS/237621/nb/tabs-animados-con-mootools-mootools-fancy-tabs.html');" checked /><label for="openLink">Abrir links en nueva ventana</label></div>
</div>
<div class="post">
<div class="postTitle">
<h2 class="l titlemax">
Tabs animados con MooTools </h2>
</div>
<div class="clear"></div>
<div class="categoriesBar">
<div class="categoriesLinks">
<span class="tagLabel">Tags:</span>
<a rel="nofollow" onclick="markinfo(11,'category-b')" href="http://www.ajaxshake.com/es/JS/12111/mootools.html" class="barLink">Mootools</a>
<span class="firstPost">,&nbsp;</span>
<a rel="nofollow" onclick="markinfo(12,'category-b')" href="http://www.ajaxshake.com/es/JS/12121/tabs.html" class="barLink">tabs</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/237621/tabs-animados-con-mootools-mootools-fancy-tabs.html#comments" class="barLink"> | Comentarios(1)</a>
</div>
<div class="clear"></div>
</div>
<div class="mainPostSocial">
<a rel="nofollow" href="http://twitter.com/share" data-url="http://www.ajaxshake.com/es/JS/237621/tabs-animados-con-mootools-mootools-fancy-tabs.html" data-text="Tabs animados con MooTools" class="twitter-share-button" data-count="horizontal" data-via="AjaxshakeEs" data-lang="es">Twittear</a>
</div>
<div class="fblike" style="width:116px;">
<div id="fb-root"></div>
<fb:like href="http://www.ajaxshake.com/es/JS/237621/tabs-animados-con-mootools-mootools-fancy-tabs.html" layout="button_count" width="450" send="true" show_faces="true"></fb:like>
</div>
<div style="width:100px; float:left;margin-top:18px;margin-left:35px;">
<g:plusone></g:plusone>
</div>
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
<div class="clear"></div>
<p class="postDescription">
Hay veces que tenemos que mostrar el contenido en un espacio pequeño. Una forma de hacerlo es mediante el uso de pestañas o tabs. Fancy tabs es una plugin mootools que busca cubrir la mayoría de situaciones, usando AJAX para la carga de contenidos permite ser usada para propositos multibles. Todos los CSS son externos dando la posibilidad de cambiar el estilo facilmente.
<div class="centralImage">
<a rel="nofollow" title="Tabs animados con MooTools&nbsp;-&nbsp;Mootools Fancy Tabs" href="http://www.ajaxshake.com/es/JS/237621/tabs-animados-con-mootools-mootools-fancy-tabs.html" onClick="showPictures(762);return false;">
<img src="http://www.ajaxshake.com/public/usersFiles/main/tab-mootools-27_user_1_6cc74.jpg" alt="Tabs animados con MooTools&nbsp;-&nbsp;Mootools Fancy Tabs" style="cursor:pointer;"/>
</a>
</div>
<div style="margin-bottom:50px;margin-top:50px">
<script type="text/javascript"><!--
                google_ad_client = "ca-pub-2827027577271242";
                /* Ajaxshake Banner 1 */
                google_ad_slot = "0453445685";
                google_ad_width = 728;
                google_ad_height = 90;
                //-->
                </script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
                </script>
</div>
<div class="bigSection">
<div class="tTip" title="
                    <span class='scriptInfo'><b>Mootools Fancy Tabs</b></span>
                    <br/>
                    <b>Requerimientos:&nbsp;</b><br/>Mootools 1.2<br/>                    <b>Licencia:&nbsp;</b>License Free                    <br/>
                    <b>Tamaño:&nbsp;</b>3.6kb&nbsp;(v1.0)<br/>                    <b>Autor:&nbsp;</b>&nbsp;Constantin Boiangiu                    <br/>
                    <span class='tipLanLabel'>Idioma:&nbsp;</span>
                    <img src='public/resources/images/eng24.png' /><div class='clear'></div> ">
<a class="bigLink linkDownloadES" target="_blank" href="http://www.ajaxshake.com/plugin/ES/762/46d74863/tabs-animados-con-mootools-mootools-fancy-tabs.html" onClick="setView(762,'ES');"></a>
</div>
<a class="bigLink linkDemoES" target="_blank" href="http://www.ajaxshake.com/demo/ES/762/46d74863/tabs-animados-con-mootools-mootools-fancy-tabs.html" onClick="setView(762,'ES');"></a>
</div>
</p>
</div>
<div class="ads3">
 
<div id="bsap_1261933" class="bsarocks bsap_95111c43e0348a419d1a20d834c0b28f"></div>
 
</div>
<div>
<script type="text/javascript"><!--
        google_ad_client = "pub-2827027577271242";
        /* AJAXSHAKE 3 */
        google_ad_slot = "7420787432";
        google_ad_width = 336;
        google_ad_height = 280;
        //-->
        </script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
        </script>
</div>
<a rel="nofollow" name="comments"></a>
﻿<div class="hcomment">
<h3>Comentarios</h3>
</div>
<div class="bcomment">
<h4>
<div class="l">
david:
</div>
<span>2011-10-20 14:10:32</span>
</h4>
<div class="clear"> </div>
<div class="mainCommentInfo">
</div>
<p class="l">
esta bueno me gusto cantidad este efecto gracias
</p>
<div class="clear"> </div>
</div>
<div id="addComent_762" class="addComment">
<div class="leaveComment">
Deje un Comentario
</div>
<form id="commentForm" name="commentForm">
<div><label>Nombre:</label><input type="text" id="commentName" name="commentName"/></div>
<div class="clear"></div>
<div><label>Web Site:</label><input type="text" id="website" name="website" class="commentBox"/><span class="minText">[Opcional]</span></div>
<div class="clear"></div>
<div><label>e-mail:</label><input type="text" id="mail" name="mail" class="commentBox"/><span class="minText">(No se mostrará en el sitio)</span></div>
<div class="clear"></div>
<div><label>Twitter:</label><input type="text" id="twitter" name="twitter" class="commentBox"/><span class="minText">[Opcional]</span></div>
<div class="clear"></div>
<div><label>Facebook:</label><input type="text" id="facebook" name="facebook" class="commentBox"/><span class="minText">[Opcional]</span></div>
<div class="clear"></div>
<div><label>Comentario:</label><textarea id="comment" name="comment"></textarea></div>
<div><input type="button" class="r" value="Enviar" onclick="$('#captcha_762').attr('src',$('#captcha_762').attr('data-src'));$('.commmarg').show();$(this).hide();"/></div>
<div class="commmarg" style="display:none;">
<input type="hidden" name="post" id="post" value="762"/>
<input type="hidden" name="lan" id="lan" value="ES"/>
<img id="captcha_762" class="commentClass l" data-src="/lib/simplephpcaptcha/captcha.php?rnd=452590374" src=""/>
<img src="public/resources/images/refresh.png" onclick="renewCaptcha(762);" class="l refresh"/>
<label>Capcha:</label>
<input type="text" name="captcha" id="captcha" class="l"/>
<input type="button" class="r" value="Enviar" onclick="sendComment(762,'El comentario se guardó correctamente.<br/>Será revisado antes de mostrarse en esta sección , por favor no duplique el comentario.','Revise el captcha e intente de nuevo.');"/>
<div class="clear"></div>
</div>
</form>
</div> </div>
<div id="rightContent" class="span-9 last">
<div id="search">
<input type="text" name="searchBox" id="searchBox" onkeypress="checkKey(event);" value="Buscar ..." onfocus="checkSearch(this,'Buscar ...')"/>
<a rel="nofollow" id="searchbutton" href="javascript:void(0);" onclick="searchString('http://www.ajaxshake.com/es/JS')"><img alt="Search" src="public/resources/images/searchButton.gif"/></a>
<div class="searchFound">
</div>
<div class="clear"></div>
</div>
<div class="generalOptions">
<div class="inner" style="width:256px;">
<div id="filterLoadIcon" class="l dn"><img alt="Loading ..." src="public/resources/images/ajax-loader.gif"/></div>
<a rel="nofollow" href="javascript:void(0);" class="filterSelectLink">Filtrar por Categoría</a>
<div class="clear"></div>
<div id="filterAdder">
<div class="filterSelect" style="display:none;">
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12101/acordeones.html" data-id="10">Acordeones</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/131351/android.html" data-id="135">Android</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12601/animacion.html" data-id="60">Animación</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12761/arrastrar-y-soltar.html" data-id="76">Arrastrar y Soltar</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12831/asp-net.html" data-id="83">ASP.NET</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/131341/audio.html" data-id="134">Audio</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12521/autocompletar.html" data-id="52">Autocompletar</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12941/banners.html" data-id="94">Banners</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/131181/bases-de-datos.html" data-id="118">Bases de datos</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12781/botones.html" data-id="78">Botones</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/1151/calendarios.html" data-id="5">Calendarios</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12901/captcha.html" data-id="90">Captcha</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12971/carrusel.html" data-id="97">Carrusel</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/131141/chat.html" data-id="114">Chat</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12711/checkbox.html" data-id="71">Checkbox</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/131201/codigo-fuente.html" data-id="120">Código Fuente</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12841/contadores.html" data-id="84">Contadores</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12691/cortar-redimensionar.html" data-id="69">Cortar-redimensionar</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/1181/css.html" data-id="8">CSS</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12791/dijit.html" data-id="79">Dijit</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/131321/dispositivos-moviles.html" data-id="132">Dispositivos Moviles</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12771/dojo.html" data-id="77">Dojo</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12881/editor-xhtml.html" data-id="88">Editor XHTML</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/131161/editores-html-wysiwyg.html" data-id="116">editores Html WYSIWYG</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12731/encriptar-desencriptar.html" data-id="73">Encriptar/desencriptar</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12621/estilos.html" data-id="62">estilos</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12951/etiquetas.html" data-id="95">Etiquetas</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12991/ext-js.html" data-id="99">Ext.JS</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/131001/filtros.html" data-id="100">Filtros</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/1141/flash.html" data-id="4">Flash</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12451/formularios.html" data-id="45">Formularios</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12911/fuentes-letras.html" data-id="91">Fuentes Letras</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12131/galerias-de-fotos.html" data-id="13">Galerías de Fotos</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12361/graficos.html" data-id="36">Graficos</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/1171/grillas.html" data-id="7">Grillas</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/131331/html5.html" data-id="133">HTML5</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/131191/iconos.html" data-id="119">Iconos</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12581/imagenes-slider.html" data-id="58">Imagenes slider</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12421/javascript-puro.html" data-id="42">JavaScript Puro</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/1111/jquery.html" data-id="1">JQUERY</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12261/lightbox-fotos.html" data-id="26">Lightbox - Fotos</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12701/lista-seleccionable.html" data-id="70">lista seleccionable</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12541/logueo-usuario.html" data-id="54">Logueo Usuario</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/131171/mapas.html" data-id="117">Mapas</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/1191/menus.html" data-id="9">Menus</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12861/moo-fx.html" data-id="86">Moo.FX</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12111/mootools.html" data-id="11">Mootools</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12981/mouseover.html" data-id="98">Mouseover</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12931/nube-de-etiquetas.html" data-id="93">Nube de etiquetas</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12571/ordenar-.html" data-id="57">Ordenar </a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12921/ordenar.html" data-id="92">Ordenar</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12611/paginacion.html" data-id="61">Paginación</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12531/php.html" data-id="53">PHP</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12641/popup.html" data-id="64">popup</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/1121/prototype.html" data-id="2">Prototype</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12821/ranking.html" data-id="82">Ranking</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12751/redimensionar.html" data-id="75">Redimensionar</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12141/relojes.html" data-id="14">Relojes</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/1131/scriptaculous.html" data-id="3">Scriptaculous</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12561/scroll.html" data-id="56">Scroll</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12671/selector-de-color.html" data-id="67">Selector de Color</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12501/selector-fechas.html" data-id="50">Selector Fechas</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12511/selector-horas.html" data-id="51">Selector horas</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12811/subir-archivos.html" data-id="81">Subir archivos</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12681/tablas.html" data-id="68">Tablas</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12121/tabs.html" data-id="12">tabs</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12961/texto.html" data-id="96">Texto</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12551/tooltips.html" data-id="55">Tooltips</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/131211/traductores.html" data-id="121">Traductores</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12591/transicion.html" data-id="59">Transicion</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12631/tratamiento-de-imagenes-.html" data-id="63">Tratamiento de Imagenes </a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12871/tree-arbol.html" data-id="87">Tree- Arbol</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12661/tutoriales.html" data-id="66">Tutoriales</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/131221/uize.html" data-id="122">UIZE</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12851/utilidades.html" data-id="85">Utilidades</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12441/validaciones.html" data-id="44">Validaciones</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12741/ventanas-modales.html" data-id="74">Ventanas Modales</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12801/video.html" data-id="80">Video</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/131011/web-mail.html" data-id="101">Web Mail</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12891/yui.html" data-id="89">YUI</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/12721/zoom.html" data-id="72">Zoom</a>
</div>
</div>
</div>
</div>
<div id="sky">
<div id="cloud">
<div class="inner">
 
<div id="bsap_1272111" class="bsarocks bsap_95111c43e0348a419d1a20d834c0b28f"></div>
 
 
 
<div id="bsap_1258716" class="bsarocks bsap_95111c43e0348a419d1a20d834c0b28f"></div>
 
</div>
<div class="clear"></div>
 
<div id="categories">
<div>
<ul class="categoriesSection" style="height:800px;">
<li class="title">
<h3 class="titleLabel">Categorías</h3>
<div class="titleLine"></div>
</li>
<li>
<a onclick="markinfo(9,'category-c')" href="http://www.ajaxshake.com/es/JS/1191/menus.html" class="sectionLink">Menus</a><span class="sectionLink"> (130)</span>
</li>
<li>
<a onclick="markinfo(13,'category-c')" href="http://www.ajaxshake.com/es/JS/12131/galerias-de-fotos.html" class="sectionLink">Galerías de Fotos</a><span class="sectionLink"> (239)</span>
</li>
<li>
<a onclick="markinfo(58,'category-c')" href="http://www.ajaxshake.com/es/JS/12581/imagenes-slider.html" class="sectionLink">Imagenes slider</a><span class="sectionLink"> (164)</span>
</li>
<li>
<a onclick="markinfo(26,'category-c')" href="http://www.ajaxshake.com/es/JS/12261/lightbox-fotos.html" class="sectionLink">Lightbox - Fotos</a><span class="sectionLink"> (56)</span>
</li>
<li>
<a onclick="markinfo(45,'category-c')" href="http://www.ajaxshake.com/es/JS/12451/formularios.html" class="sectionLink">Formularios</a><span class="sectionLink"> (57)</span>
</li>
<li>
<a onclick="markinfo(10,'category-c')" href="http://www.ajaxshake.com/es/JS/12101/acordeones.html" class="sectionLink">Acordeones</a><span class="sectionLink"> (32)</span>
</li>
<li>
<a onclick="markinfo(5,'category-c')" href="http://www.ajaxshake.com/es/JS/1151/calendarios.html" class="sectionLink">Calendarios</a><span class="sectionLink"> (35)</span>
</li>
<li>
<a onclick="markinfo(60,'category-c')" href="http://www.ajaxshake.com/es/JS/12601/animacion.html" class="sectionLink">Animación</a><span class="sectionLink"> (126)</span>
</li>
<li>
<a onclick="markinfo(7,'category-c')" href="http://www.ajaxshake.com/es/JS/1171/grillas.html" class="sectionLink">Grillas</a><span class="sectionLink"> (22)</span>
</li>
<li>
<a onclick="markinfo(53,'category-c')" href="http://www.ajaxshake.com/es/JS/12531/php.html" class="sectionLink">PHP</a><span class="sectionLink"> (48)</span>
</li>
<li>
<a onclick="markinfo(54,'category-c')" href="http://www.ajaxshake.com/es/JS/12541/logueo-usuario.html" class="sectionLink">Logueo Usuario</a><span class="sectionLink"> (16)</span>
</li>
<li>
<a onclick="markinfo(59,'category-c')" href="http://www.ajaxshake.com/es/JS/12591/transicion.html" class="sectionLink">Transicion</a><span class="sectionLink"> (39)</span>
</li>
<li>
<a onclick="markinfo(64,'category-c')" href="http://www.ajaxshake.com/es/JS/12641/popup.html" class="sectionLink">popup</a><span class="sectionLink"> (16)</span>
</li>
<li>
<a onclick="markinfo(74,'category-c')" href="http://www.ajaxshake.com/es/JS/12741/ventanas-modales.html" class="sectionLink">Ventanas Modales</a><span class="sectionLink"> (19)</span>
</li>
<li>
<a onclick="markinfo(97,'category-c')" href="http://www.ajaxshake.com/es/JS/12971/carrusel.html" class="sectionLink">Carrusel</a><span class="sectionLink"> (40)</span>
</li>
<li>
<a onclick="markinfo(12,'category-c')" href="http://www.ajaxshake.com/es/JS/12121/tabs.html" class="sectionLink">tabs</a><span class="sectionLink"> (27)</span>
</li>
<li>
<a onclick="markinfo(44,'category-c')" href="http://www.ajaxshake.com/es/JS/12441/validaciones.html" class="sectionLink">Validaciones</a><span class="sectionLink"> (19)</span>
</li>
<li>
<a onclick="markinfo(55,'category-c')" href="http://www.ajaxshake.com/es/JS/12551/tooltips.html" class="sectionLink">Tooltips</a><span class="sectionLink"> (26)</span>
</li>
<li>
<a onclick="markinfo(56,'category-c')" href="http://www.ajaxshake.com/es/JS/12561/scroll.html" class="sectionLink">Scroll</a><span class="sectionLink"> (16)</span>
</li>
<li>
<a onclick="markinfo(63,'category-c')" href="http://www.ajaxshake.com/es/JS/12631/tratamiento-de-imagenes-.html" class="sectionLink">Tratamiento de Imagenes </a><span class="sectionLink"> (63)</span>
</li>
<li>
<div class="more">
<div class="moreLink l">
</div>
<div class="moreLink r">
<a rel="nofollow" onclick="getNextCategoryPage(1,3,'JS','categories','ES',20)" href="javascript:void(0)">Más</a> </div>
</div>
</li>
</ul>
</div> </div>
<div class="faceMaxBox">
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="http://www.facebook.com/ajaxshakees" width="254" show_faces="true" border_color="" stream="false" header="false"></fb:like-box>
</div>
<div id="libraries">
<div>
<ul class="categoriesSection" style="height:512px;">
<li class="title">
<h3 class="titleLabel">Librerías</h3>
<div class="titleLine"></div>
</li>
<li>
<a onclick="markinfo(1,'category-l')" href="http://www.ajaxshake.com/es/JS/1111/jquery.html" class="sectionLink">JQUERY</a><span class="sectionLink"> (679)</span>
</li>
<li>
<a onclick="markinfo(4,'category-l')" href="http://www.ajaxshake.com/es/JS/1141/flash.html" class="sectionLink">Flash</a><span class="sectionLink"> (22)</span>
</li>
<li>
<a onclick="markinfo(42,'category-l')" href="http://www.ajaxshake.com/es/JS/12421/javascript-puro.html" class="sectionLink">JavaScript Puro</a><span class="sectionLink"> (80)</span>
</li>
<li>
<a onclick="markinfo(2,'category-l')" href="http://www.ajaxshake.com/es/JS/1121/prototype.html" class="sectionLink">Prototype</a><span class="sectionLink"> (43)</span>
</li>
<li>
<a onclick="markinfo(8,'category-l')" href="http://www.ajaxshake.com/es/JS/1181/css.html" class="sectionLink">CSS</a><span class="sectionLink"> (69)</span>
</li>
<li>
<a onclick="markinfo(11,'category-l')" href="http://www.ajaxshake.com/es/JS/12111/mootools.html" class="sectionLink">Mootools</a><span class="sectionLink"> (95)</span>
</li>
<li>
<a onclick="markinfo(77,'category-l')" href="http://www.ajaxshake.com/es/JS/12771/dojo.html" class="sectionLink">Dojo</a><span class="sectionLink"> (2)</span>
</li>
<li>
<a onclick="markinfo(101,'category-l')" href="http://www.ajaxshake.com/es/JS/131011/web-mail.html" class="sectionLink">Web Mail</a><span class="sectionLink"> (4)</span>
</li>
<li>
<a onclick="markinfo(119,'category-l')" href="http://www.ajaxshake.com/es/JS/131191/iconos.html" class="sectionLink">Iconos</a><span class="sectionLink"> (3)</span>
</li>
<li>
<a onclick="markinfo(89,'category-l')" href="http://www.ajaxshake.com/es/JS/12891/yui.html" class="sectionLink">YUI</a><span class="sectionLink"> (5)</span>
</li>
<li>
<a onclick="markinfo(99,'category-l')" href="http://www.ajaxshake.com/es/JS/12991/ext-js.html" class="sectionLink">Ext.JS</a><span class="sectionLink"> (1)</span>
</li>
<li>
<a onclick="markinfo(122,'category-l')" href="http://www.ajaxshake.com/es/JS/131221/uize.html" class="sectionLink">UIZE</a><span class="sectionLink"> (1)</span>
</li>
<li>
<div class="more">
<div class="moreLink l">
</div>
<div class="moreLink r">
<a rel="nofollow" onclick="getNextCategoryPage(1,1,'JS','libraries','ES',12)" href="javascript:void(0)">Más</a> </div>
</div>
</li>
</ul>
</div> </div>
<div class="faceMaxBox videosBanner" style="margin-left: 32px;margin-top: 60px;">
<a href="http://www.md5decrypt.org"><img width="255px" src="public/resources/images/md5-banner.jpg" alt="md5 decrypt"/></a>
</div>
</div>  
<div class="clear"></div>
<div class="commentBoxPanel">
<div class="commentTitle">
<img src="public/resources/images/bubble.gif"/>
<h3 class="titleLabel">Ultimos Comentarios</h3>
</div>
<div class="mainComment">
<h4>
Maxi dijo:
</h4>
<div class="mainCommentInfo">
</div>
<div class="clear"></div>
<p>Usando este script en el hmtl en vez de que se encuentra en el archivo van a poder cargar imagenes de una carpeta de uds... Miren ...</p>
<div class="commentLinks">
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/2410231/muro-de-fotografias-estilo-google-plus-con-jquery-photowall.html">Muro de fotografias estilo google plus con jQuery</a>
</div>
</div>
<div class="mainComment">
<h4>
Apositos dijo:
</h4>
<div class="mainCommentInfo">
</div>
<div class="clear"></div>
<p>Vale he conseguido que no se reinicie usando el código de Armando Jaleo, ahora el problema es que pongo una fecha y la cuenta ...</p>
<div class="commentLinks">
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/238631/reloj-de-cuenta-regresiva-con-jquery-countdown.html">Reloj de cuenta regresiva con jQuery</a>
</div>
</div>
<div class="mainComment">
<h4>
Apositos dijo:
</h4>
<div class="mainCommentInfo">
</div>
<div class="clear"></div>
<p>Está de lujo, pero tengo un problema, no se si es porque algo he hecho mal, o me falta algo.
Pongo el contador con el día, ...</p>
<div class="commentLinks">
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/238631/reloj-de-cuenta-regresiva-con-jquery-countdown.html">Reloj de cuenta regresiva con jQuery</a>
</div>
</div>
<div class="mainComment">
<h4>
victor hugo dijo:
</h4>
<div class="mainCommentInfo">
</div>
<div class="clear"></div>
<p>el ejemplo no muestra los mensajes</p>
<div class="commentLinks">
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/239541/crear-un-menu-con-notificaciones-usando-jquery-notificationmenu.html">Crear un menu con notificaciones usando jQuery</a>
</div>
</div>
<div class="mainComment">
<h4>
Erick dijo:
</h4>
<div class="mainCommentInfo">
</div>
<div class="clear"></div>
<p>Hola muchas gracias por compartir tus conocimientos, me gustaria saber, ¿como puedo hacer para que se mantenga todo el ...</p>
<div class="commentLinks">
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/234421/una-facil-manera-de-traducir-tu-sitio-web-translation.html">Una fácil manera de traducir tu sitio web</a>
</div>
</div>
<div class="mainComment">
<h4>
y dijo:
</h4>
<div class="mainCommentInfo">
</div>
<div class="clear"></div>
<p>q</p>
<div class="commentLinks">
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/2410731/sliderjs-galeria-de-fotos-con-html5-y-css3-sliderjs.html">SliderJs Galería de fotos con html5 y css3</a>
</div>
</div>
<div class="mainComment">
<h4>
Hector Lara dijo:
</h4>
<div class="mainCommentInfo">
</div>
<div class="clear"></div>
<p>Muy buen aporte, andaba buscando esto hace tiempo.
Muchas gracias</p>
<div class="commentLinks">
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/239541/crear-un-menu-con-notificaciones-usando-jquery-notificationmenu.html">Crear un menu con notificaciones usando jQuery</a>
</div>
</div>
<div class="mainComment">
<h4>
Michael dijo:
</h4>
<div class="mainCommentInfo">
</div>
<div class="clear"></div>
<p>Hola a todo@s, quisiera que me apoyen con un problema que tengo en este tema de cuenta regresiva con jquery, Lo que pasa es ...</p>
<div class="commentLinks">
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/238631/reloj-de-cuenta-regresiva-con-jquery-countdown.html">Reloj de cuenta regresiva con jQuery</a>
</div>
</div>
<div class="mainComment">
<h4>
henry dijo:
</h4>
<div class="mainCommentInfo">
</div>
<div class="clear"></div>
<p>El boton cerrar no funciona en Explorer, Gracias por el recurso.</p>
<div class="commentLinks">
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/233131/crear-una-ventana-modal-con-css-javascript-y-jquery-inline-modal-window.html">Crear una ventana modal con css javascript y jQuery</a>
</div>
</div>
<div class="mainComment">
<h4>
Joao dijo:
</h4>
<div class="mainCommentInfo">
<a target="_blank" href="http://www.perusoltec.com" rel="nofollow"> <img src="public/resources/images/net.png"/></a> </div>
<div class="clear"></div>
<p>Excelente, no tendras el modalpopup de las galerias de imagenes con los botones adelante y atras</p>
<div class="commentLinks">
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/234561/popup-estilo-facebook-con-javascript-y-mootools-facebookbox.html">Popup estilo facebook con javascript y mootools</a>
</div>
</div>
</div>
</div>  
</div>
<div class="clear"></div>
</div>
<div id="footer" class="span-24 last">
<div class="span-15 l">
</div>
</div>
<div class="clear"></div>
</div>
<div id="pageTip" class="span-15 pageTipBox"></div>
<div id="foot">
<div class="foot">
<div class="foot1">
<div class="span-5 foot3">
<h4 class="footLabel">Categorías</h4>
<ul>
<li>
<a href="http://www.ajaxshake.com/es/JS/12661/tutoriales.html">Tutoriales</a>,
<a href="http://www.ajaxshake.com/es/JS/12701/lista-seleccionable.html">lista seleccionable</a>
</li>
<li>
<a href="http://www.ajaxshake.com/es/JS/12721/zoom.html">Zoom</a>,
<a href="http://www.ajaxshake.com/es/JS/12781/botones.html">Botones</a>
</li>
<li>
<a href="http://www.ajaxshake.com/es/JS/12981/mouseover.html">Mouseover</a>,
<a href="http://www.ajaxshake.com/es/JS/131181/bases-de-datos.html">Bases de datos</a>
</li>
<li>
<a href="http://www.ajaxshake.com/es/JS/12141/relojes.html">Relojes</a>,
<a href="http://www.ajaxshake.com/es/JS/12361/graficos.html">Graficos</a>
</li>
<li>
<a href="http://www.ajaxshake.com/es/JS/12501/selector-fechas.html">Selector Fechas</a>,
<a href="http://www.ajaxshake.com/es/JS/12521/autocompletar.html">Autocompletar</a>
</li>
</ul>
</div>
<div class="span-5 foot3">
<h4 class="footLabel">Contenido</h4>
<ul>
<li>
<a href="http://www.ajaxshake.com/ES/JS/search/slider.html">slider</a>,
<a href="http://www.ajaxshake.com/ES/JS/search/menu.html">menu</a>
</li>
<li>
<a href="http://www.ajaxshake.com/ES/JS/search/calendario-jquery.html">calendario-jquery</a>,
<a href="http://www.ajaxshake.com/ES/JS/search/galeria.html">galeria</a>
</li>
<li>
<a href="http://www.ajaxshake.com/ES/JS/search/simple-jquery-slideshow.html">simple-jquery-slideshow</a>,
<a href="http://www.ajaxshake.com/ES/JS/search/h.html">h</a>
</li>
<li>
<a href="http://www.ajaxshake.com/ES/JS/search/jquery.html">jquery</a>,
<a href="http://www.ajaxshake.com/ES/JS/search/a.html">a</a>
</li>
<li>
<a href="http://www.ajaxshake.com/ES/JS/search/imagenes.html">imagenes</a>,
<a href="http://www.ajaxshake.com/ES/JS/search/hover-image.html">hover-image</a>
</li>
</ul>
</div>
<div class="span-5 foot3">
<h4 class="footLabel">Sitios Amigos</h4>
<ul>
<li><a rel="nofollow" href="http://solvingequations.net">Solving Equations</a></li>
</ul>
</div>
<div class="span-5 foot4">
<h4 class="footLabel">Contáctenos</h4>
<ul>
<li><a rel="nofollow" href="mailto:info@ajaxshake.com">Feed Back</a></li>
<li><a rel="nofollow" href="mailto:info@ajaxshake.com">E-mail</a></li>
<li><a rel="nofollow" href="mailto:info@ajaxshake.com">Anuncie con nosotros</a></li>
</ul>
</div>
<div class="span-3 last foot3">
<h4 class="footLabel">Síganos</h4>
<ul>
<li><a rel="nofollow" href="http://www.twitter.com/ajaxshakeEs">Twitter</a></li>
<li><a rel="nofollow" href="http://www.facebook.com/pages/AjaxShakeEs/122980091095976">Facebook</a></li>
<li><a rel="nofollow" href="http://feeds.feedburner.com/ajaxshake-es">Feed Rss</a></li>
</ul>
</div>
</div>
<div class="foot2">
</div>
</div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
			var language='ES';
            $(document).ready(function() {
                //-----------------------------------
                var addScript=function(strvar){
                    var script = document.createElement('script');
                    script.type = 'text/javascript';
                    script.async = true;
                    script.src = strvar;
                    (document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(script);
                }
                //-----------------------------------
                                    $(".ilikeit").html('<iframe src="http://www.facebook.com/plugins/like.php?href=http://www.facebook.com/pages/AjaxShakeEs/122980091095976&amp;layout=button_count&amp;action=like&amp;height=21&amp;width:120" scrolling="no" frameborder="0" style="border:none; width:120px; height:21px;"></iframe>');
                				addScript('https://apis.google.com/js/plusone.js');
                addScript('public/resources/js/all.3.0.min.js');
                addScript('//s3.buysellads.com/ac/bsa.js');
                //$('#specialAd').html('<a style="border: 0" href="http://www.chaludesign.com.ar" target="_blank" rel="nofollow"><img src="public/resources/images/chaludesign.jpg" alt="" /></a>');
		});// document ready
        </script>
 
<img width='212px' height='32px' src="public/resources/lib/tips/images/tipMid.png" class="dn"/>
<img width='212px' height='1px' src="public/resources/lib/tips/images/tipBtm.png" class="dn"/>
<img width='212px' height='37px' src="public/resources/lib/tips/images/tipTop.png" class="dn"/>
<script type="text/javascript">
            window.google_analytics_uacct = "UA-16213975-1";
        </script>
<script type="text/javascript">
            var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
            document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
        </script>
<script type="text/javascript">
            try {
                var pageTracker = _gat._getTracker("UA-16213975-1");
                pageTracker._setDomainName(".ajaxshake.com");
                pageTracker._trackPageview();
            } catch(err) {}
        </script>
</body>
</html>