<link type="text/css" href="_js_/styles.css" rel="stylesheet"/> <script type="text/javascript" src="_js_/jquery-1.3.2.min.js"></script> <script> $(document).ready(function(){ lastBlock = $("#a1"); maxWidth = 210; minWidth = 75; $("ul li a").hover( function(){ $(lastBlock).animate({width: minWidth+"px"}, { queue:false, duration:400 }); $(this).animate({width: maxWidth+"px"}, { queue:false, duration:400}); currentBlock = this; lastBlock = this; } ); }); </script> </head> <body> <ul> <li> <a id="a1" style="overflow: hidden; width: 210px; display: block;"> <img src="Cap1_Conspiracion_Queretaro_1810.jpg"/> <p> <strong>CAPÍTULO UNO</strong><br/> La Conspiración de Querétaro 1810. </p> </a> </li> <li> <a> <img src="Cap2_Consti_Apatzingan.jpg"/> <p> <strong>CAPÍTULO DOS</strong><br/> La Constitución de Apatzingán y la Etapa de Resistencia. </p> </a> </li> <li> <a> <img src="Cap3_Consum_Independ_1821.jpg"/> <p> <strong>CAPÍTULO TRES</strong><br/> La Consumación de la Independencia 1821. </p> </a> </li> <li> <a> <img src="Cap4_Porfiriato_1910.jpg"/> <p> <strong>CAPÍTULO CUATRO</strong><br/> Porfiriato e Inicio de la Revolución Mexicana 1910. </p> </a> </li> <li> <a> <img src="Cap5_Decena_Tragica.jpg"/> <p> <strong>CAPÍTULO CINCO</strong><br/> La Decena Trágica. </p> </a> </li> <li> <a> <img src="Cap6_Consti_1917.jpg"/> <p> <strong>CAPÍTULO SEIS</strong><br/> La Constitución de 1917 y la Consolidación de las Instituciones. </p> </a> </li> <li> <a> <img src="Cap7_Creacion_FAM.jpg"/> <p> <strong>CAPÍTULO SIETE</strong><br/> Creación de la Fuerza Aerea Mexicana. </p> </a> </li> </ul> </body> </html>