<!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="Este ejemplo jQuery mobile le muestra como crear un menú vertical en sus sitio web. Contiene diferentes skins para adaptarse al estilo de su sitio web. este ejemplo jquery mobiel es lo que necesita para crear diseños mobile sorprendentes|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>
Ejemplo de menu con jQuery mobile - jQueryMobileExamples -
JQUERY |Códigos HTML
| Pagina-1
</title>
<link rel="canonical" href="http://www.ajaxshake.com/es/JS/2410581/ejemplo-de-menu-con-jquery-mobile-jquerymobileexamples.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/2410581/jquery-mobile-menu-example-jquerymobileexamples.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/2410581/nb/ejemplo-de-menu-con-jquery-mobile-jquerymobileexamples.html');" checked /><label for="openLink">Abrir links en nueva ventana</label></div>
</div>
<div class="post">
<div class="postTitle">
<h2 class="l titlemax">
Ejemplo de menu con jQuery mobile </h2>
</div>
<div class="clear"></div>
<div class="categoriesBar">
<div class="categoriesLinks">
<span class="tagLabel">Tags:</span>
<a rel="nofollow" onclick="markinfo(1,'category-b')" href="http://www.ajaxshake.com/es/JS/1111/jquery.html" class="barLink">JQUERY</a>
<span class="firstPost">,&nbsp;</span>
<a rel="nofollow" onclick="markinfo(132,'category-b')" href="http://www.ajaxshake.com/es/JS/131321/dispositivos-moviles.html" class="barLink">Dispositivos Moviles</a>
<span class="firstPost">,&nbsp;</span>
<a rel="nofollow" onclick="markinfo(9,'category-b')" href="http://www.ajaxshake.com/es/JS/1191/menus.html" class="barLink">Menus</a>
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/2410581/ejemplo-de-menu-con-jquery-mobile-jquerymobileexamples.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/2410581/ejemplo-de-menu-con-jquery-mobile-jquerymobileexamples.html" data-text="Ejemplo de menu con jQuery mobile" 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/2410581/ejemplo-de-menu-con-jquery-mobile-jquerymobileexamples.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">
Este ejemplo jQuery mobile le muestra como crear un menú vertical en sus sitio web. Contiene diferentes skins para adaptarse al estilo de su sitio web. este ejemplo jquery mobiel es lo que necesita para crear diseños mobile sorprendentes
<div class="centralImage">
<a rel="nofollow" title="Ejemplo de menu con jQuery mobile&nbsp;-&nbsp;jQueryMobileExamples" href="http://www.ajaxshake.com/es/JS/2410581/ejemplo-de-menu-con-jquery-mobile-jquerymobileexamples.html" onClick="showPictures(1058);return false;">
<img src="http://www.ajaxshake.com/public/usersFiles/main/jquery-mobile-example-01_user_1_d0792.jpg" alt="Ejemplo de menu con jQuery mobile&nbsp;-&nbsp;jQueryMobileExamples" 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>jQueryMobileExamples</b></span>
                    <br/>
                    <b>Requerimientos:&nbsp;</b><br/>jQuery<br/>                    <b>Licencia:&nbsp;</b>N/D                    <br/>
                    <b>Tamaño:&nbsp;</b>n/a&nbsp;(v2.7)<br/>                    <b>Autor:&nbsp;</b>&nbsp;designchemical                    <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/1058/8694ab4a/ejemplo-de-menu-con-jquery-mobile-jquerymobileexamples.html" onClick="setView(1058,'ES');"></a>
</div>
<a class="bigLink linkDemoES" target="_blank" href="http://www.ajaxshake.com/demo/ES/1058/8694ab4a/ejemplo-de-menu-con-jquery-mobile-jquerymobileexamples.html" onClick="setView(1058,'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">
Manuel:
</div>
<span>2012-04-16 06:04:14</span>
</h4>
<div class="clear"> </div>
<div class="mainCommentInfo">
</div>
<p class="l">
Hola,<br/>
<br/>
¿cómo podría mostrar u ocultar una capa con el evento hover del menu? ¿Se puede aprovechar la funcion que realiza el efecto del acordeon o algo así? <br/>
<br/>
P.D Estoy comenzando con jQuery.
</p>
<div class="clear"> </div>
</div>
<div id="addComent_1058" 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_1058').attr('src',$('#captcha_1058').attr('data-src'));$('.commmarg').show();$(this).hide();"/></div>
<div class="commmarg" style="display:none;">
<input type="hidden" name="post" id="post" value="1058"/>
<input type="hidden" name="lan" id="lan" value="ES"/>
<img id="captcha_1058" class="commentClass l" data-src="/lib/simplephpcaptcha/captcha.php?rnd=715102279" src=""/>
<img src="public/resources/images/refresh.png" onclick="renewCaptcha(1058);" class="l refresh"/>
<label>Capcha:</label>
<input type="text" name="captcha" id="captcha" class="l"/>
<input type="button" class="r" value="Enviar" onclick="sendComment(1058,'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 style="margin-left: 32px;margin-top: 15px; margin-bottom: 10px;">
<a target="_blank" title="PSD to HTML" href="http://www.css4me.com/order-display/?utm_source=ajaxshake&utm_medium=255x125&utm_term=PSD%2Bto%2BHTML&utm_campaign=OrderNow"><img src="/public/resources/images/psd-to-html.gif" alt="PSD to HTML"/></a>
</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>
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 class="mainComment">
<h4>
Diego dijo:
</h4>
<div class="mainCommentInfo">
</div>
<div class="clear"></div>
<p>Esta grilla puede ser utilizada en paginas asp clasicas?
con bd oracle?
Me gusto mucho, pero necesito saber si puedo utilizarla ...</p>
<div class="commentLinks">
<a rel="nofollow" href="http://www.ajaxshake.com/es/JS/239691/la-grilla-jquery-mas-completa-jqgrid.html">La grilla jQuery más completa</a>
</div>
</div>
<div class="mainComment">
<h4>
BCarrasco dijo:
</h4>
<div class="mainCommentInfo">
</div>
<div class="clear"></div>
<p>existe la posibilidad de cambiar las fotos???</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>
</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/hover-image.html">hover-image</a>,
<a href="http://www.ajaxshake.com/ES/JS/search/imagenes.html">imagenes</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>
<li><a target="_new" href="http://www.css4me.com/?utm_source=ajaxshake&utm_medium=text&utm_term=psd%2Bto%2Bcss&utm_campaign=homepage">PSD to CSS</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>