Un pequeño ejemplo que nos muestra como desarrollar un interesante menú con CSS y prototype.js (1.5.1).
index.html
<div id="menu">
<div id="m-top">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">F.A.Q.</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div id="m-slider">
<div id="slider"></div>
</div>
</div>
helper.js
window.onload=function(){
var offsetLeft=$('menu').offsetLeft;
Event.observe('menu', 'mousemove', function(event){
coordinateX=Event.pointerX(event)-offsetLeft;
$('slider').style.marginLeft=coordinateX-20+'px';
});
}
La hoja de estilos puedes descargarla desde aquí. El ejemplo quedaría así:
Finalmente puedes descargas los archivos necesarios para este ejemplo desde Dragan's Blog.