Ver Mensaje Individual
  #20 (permalink)  
Antiguo 19/03/2015, 11:15
sarjentocuch
 
Fecha de Ingreso: octubre-2011
Ubicación: Nafarroa
Mensajes: 57
Antigüedad: 13 años
Puntos: 5
Respuesta: Orientacion sobre menu flotante

Hola Angel,,, este codigo? de donde sale??? osea no lo entiendo, mi primera web la de http://www.kartingindoorirun.es donde el efecto funciona bien,,,,,de donde coge el script para darle animacion a ese div??? es que no lo entiendo.
estoy buscando ese codigo dentro de la web de karting, y no lo encuentro........

me han recomendado sacar el codigo a un js externo, y llamarlo, pero el dreamweaver me da error de sistaxis en ese codigo, en la ultima linea que solo hay un corchete cerrado.


Código:
//config
$float_speed = 1500; //milliseconds
$float_easing = "easeOutQuint";
$menu_fade_speed = 500; //milliseconds
$closed_menu_opacity = 0.75;

//cache vars
$fl_menu = $("#fl_menu");
$fl_menu_menu = $("#fl_menu .menu-2");
$fl_menu_label = $("#fl_menu .label-2");

$(window).load(function() {
menuPosition = $('#fl_menu').position().top;
FloatMenu();
$fl_menu.hover(

function() { //mouse over
$fl_menu_label.fadeTo($menu_fade_speed, 1);
$fl_menu_menu.fadeIn($menu_fade_speed);
},

function() { //mouse out
$fl_menu_label.fadeTo($menu_fade_speed, $closed_menu_opacity);
$fl_menu_menu.fadeOut($menu_fade_speed);
});
});

$(window).scroll(function() {
FloatMenu();
});

function FloatMenu() {
var scrollAmount = $(document).scrollTop();
var newPosition = menuPosition + scrollAmount;
if ($(window).height() < $fl_menu.height() + $fl_menu_menu.height()) {
$fl_menu.css("top", menuPosition);
} else {
$fl_menu.stop().animate({
top: newPosition
}, $float_speed, $float_easing);
}
}