ciao a tutti ho creato modificando un plugin di jquery un div che segue il mouse, per meglio dire il fnzionamento è il seguente,
io quando clicko su di una voce di menu (ul.menu li a) il #follower (un 'li' aggiuntivo creato con jquery) va slidando verso la voce.
spero di essermi spiegato.... posto il codice cosi capite meglio anche voi....
jQuery
$(document).ready(function($) {
if($('#block-menu-menu-progetti .menu li > a.active').length > 0){
$('#block-menu-menu-progetti .menu .active').parents('.leaf').addClass('active');
$('#block-menu-menu-progetti .menu .active a').removeClass('active').addClass('active-page');
$("#block-menu-menu-progetti .menu").append("
");
var $magicLine = $("#follower");
$magicLine
.height($("#block-menu-menu-progetti .menu .active").find('a.active-page').height())
.css("top", $("#block-menu-menu-progetti .menu .active").position().top)
.css('margin-top', '30px')
.data("origTop", $('#block-menu-menu-progetti .menu .active').position().top)
.data("origHeight", $("#block-menu-menu-progetti .menu .active").find('a.active-page').height());
$("#block-menu-menu-progetti .menu li").find('a').hover(function() {
$el = $(this);
topPos = $el.position().top;
newHeight = $magicLine.height();
$magicLine.stop().animate({
top: topPos,
Height: newHeight
}).css('margin-top', '0px')
;
}, function() {
$magicLine.stop().animate({
top: $('#block-menu-menu-progetti .menu .active .active-page').position().top,
height:$('#block-menu-menu-progetti .menu .active .active-page').height()
});
});
}else {
$('#block-menu-menu-progetti .menu .active').parents('.leaf').addClass('active');
$('#block-menu-menu-progetti .menu .active a').removeClass('active').addClass('active-page');