Во всех туториалах по Лаваламп меню есть демки, где демонстрируется меню с нужным эффектом. Т.е. меню, которое никуда не ведет, а просто при клике на элементе меню ему присваивается класс active и фон переезжает под этот элемент, к примеру:
http://ruseller.com/lessons.php?rub=29&id=539
http://yapro.ru/web-master/javascrip...-lavalamp.html
Прицепил к сайту эту менюху. Есть такой javascript
:
$(document).ready(function () {
//найти текущую позицию активного элемента
var dleft = $('.lavalamp li.active').offset().left - $('.lavalamp').offset().left;
var dwidth = $('.lavalamp li.active').width() + "px";
//присвоить эту позицию элеметку с подсветкой
$('.floatr').css({
"left": dleft+"px",
"width": dwidth
});
$('.lavalamp li').hover(function(){
var left = $(this).offset().left - ($(this).parents('.lavalamp').offset().left + 15);
var width = $(this).width() + "px";
var sictranslate = "translate("+left+"px, 0px)";
$(this).parent('ul').next('div.floatr').css({
"width": width,
"-webkit-transform": sictranslate,
"-moz-transform": sictranslate
});
},
function(){
var left = $(this).siblings('li.active').offset().left - ($(this).parents('.lavalamp').offset().left + 15);
var width = $(this).siblings('li.active').width() + "px";
var sictranslate = "translate("+left+"px, 0px)";
$(this).parent('ul').next('div.floatr').css({
"width": width,
"-webkit-transform": sictranslate,
"-moz-transform": sictranslate
});
}).click(function(){
$(this).siblings('li').removeClass('active');
$(this).addClass('active');
return false;
});
});
Чтобы ссылки начали работать, в конце, в click(function(){ поменял return false; на true.
Но теперь, при переходе по ссылке, активным в любом случае остается первый пункт меню, то есть, эта часть
$(this).siblings('li').removeClass('active');
$(this).addClass('active');
не передается на след. страницу.
Я так понимаю, нужно ПОСТ заюзать? Или как?