La verdad no tengo conocimientos ni en Mootools ni JQuery.
pero estuve viendo ejemplos de códigos "slide horizontal" y ya lo puse a trabajar:
Código:
$(document).ready(function(){
// Right Animation
$(".NextOverlay a").mouseover(function(){
$(this).animate({
marginRight: "-10px"
}, 220 );
});
$(".NextOverlay a").mouseout(function(){
$(this).animate({
marginRight: "0px"
}, 220 );
});
// Hover Animation
$("#projects p a").mouseover(function(){
$(this).animate({
marginLeft: "4px",
paddingTop: "5px",
paddingBottom: "5px"
}, 220 );
});
$("#projects p a").mouseout(function(){
$(this).animate({
marginLeft: "0px",
paddingTop: "0px",
paddingBottom: "0px"
}, 220 );
});
// Menu Animation
$('#horizontal_slidein').mouseleave(function() {
var $menu = $(this);
$menu.animate({left: parseInt($menu.css('left'),10) == 0 ? -$menu.outerWidth() : 0}, 650 );
});
$('#h_slidein.logo').mouseenter(function() {
var $menu = $('#horizontal_slidein');
$menu.animate({left: parseInt($menu.css('left'),10) == 0 ? -$menu.outerWidth() : 0}, 650 );
});
});// Kill Hover animation
Bajo mi experiencia Mootools y JQuery son potentes frameworks para Javascript.
No me gustaría discriminar ninguno de ellos, pero a veces nos vamos a encontrar con este tipo de problemas al diseñar una interfáce compleja , y por supuesto la solución más elegante es utilizar solo uno (JQuery) en el mismo proyecto, tanto para reducir la carga del sitio como para un código profesional y limpio.
Ademas pensaba que Mootools era más profesional en cuanto efectos y animaciones (que es lo que adoran nuestros clientes) y que en JQuery a pesar de su excelente tamaño (Mootools v1.2.4 @78 KB vs JQuery v1.3.2 @ 55.9 KB) tenia que descargar algún plugin para complementar sus capacidad, pero no fue así, quizas todavía no exploro a cabalidad el potencial de ambos Frameworks y lo mejor es investigar y experimentar...
@mayid = Gracias por tu respuesta.
Me falta hacer unos ajustes en el CSS y de accesibilidad, pero quedo de lujo xD...