-------------------html---------------
<ul id="globalnav"><li class="page_item page-item-2"><a href="http://localhost:8888/montys-site/?page_id=2" title="About">About</a></li>
<li class="page_item page-item-8"><a href="http://localhost:8888/montys-site/?page_id=8" title="Contact">Contact</a></li>
<li class="page_item page-item-9"><a href="http://localhost:8888/montys-site/?page_id=9" title="Fireworks">Fireworks</a></li>
<li class="page_item page-item-10"><a href="http://localhost:8888/montys-site/?page_id=10" title="last page">last page</a></li>
<li class="page_item page-item-7"><a href="http://localhost:8888/montys-site/?page_id=7" title="mootools!">mootools!</a></li>
</ul>

------------------javascript-----------------
<script type="text/javascript">
	window.addEvent('domready', function () {
	var list = $$('#globalnav li');
list.each(function(element) {
 
	var fx = new Fx.Styles(element, {duration:200, wait:false});
 
	element.addEvent('mouseenter', function(){
		fx.start({
			'margin-right': 5,
			'background-color': '#666',
			'color': '#ff8'
		});
	});
 
	element.addEvent('mouseleave', function(){
		fx.start({
			'margin-right': 0,
			'background-color': '#333',
			'color': '#888'
		});
	});
 
});
});
</script>
</head>