$(document).ready(function() { 
//マウスオーバー／アウト時の色
var colorOver = '#f00';
var colorOut = '#ccc';

//マウスオーバー時の余白
var padLeft = '5px';
var padRight = '5px';

//デフォルト余白
var defpadLeft = $('#menu li a').css('paddingLeft');
var defpadRight = $('#menu li a').css('paddingRight');

//メニュークリック時の動作
$('#menu li').click(function () {
window.location = $(this).find('a').attr('href'); 
}).mouseover(function (){ 
$(this).find('a') .animate( { paddingLeft: padLeft, paddingRight: padRight}, { queue:false, duration:100 } ) 
.animate( { backgroundColor: colorOver }, { queue:false, duration:200 });
}).mouseout(function () {
$(this).find('a')
.animate( { paddingLeft: defpadLeft, paddingRight: defpadRight}, { queue:false, duration:100 } )
.animate( { backgroundColor: colorOut }, { queue:false, duration:200 }); }); 

$('#sidebar').mousemove(function(e) {
var s_top = parseInt($('#sidebar').offset().top);
var s_bottom = parseInt($('#sidebar').height() + s_top); 
var mheight = parseInt($('#menu li').height() * $('#menu li').length);
var top_value = Math.round(( (s_top - e.pageY) /70) * mheight / 2);
$('#menu').animate({top: top_value}, { queue:false, duration:500});
});
});