Salve a tutti.
Sto cercando di realizzare un menù verticale con un semplicissimo effetto, cioè uno scorrimento a dx dei link quando passa il mouse.
ecco il codice:

<html>
<head><title></title>
<style type="text/css">
ul#sidebar {width:180px;
float:left;
margin:0 0 10px 0;
padding:0;
list-style-type:none;
background:#f00;}

ul#sidebar li {display:inline;}

ul#sidebar li a {line-height:30px;
display:block;
padding-left:5px;
border:1px solid #000;
border-width:0 1px 1px 0;}
</style>
<script>
<!--
var p=new Array();
window.onload=function() {
s_cont=document.getElementById("sidebar");
s_item=s_cont.getElementsByTagName("a");
for (i=0;i<s_item.length;i++) {p[i]=5;}
}
function slide_d(i) {
if(p[i]<10) {p[i]++;} else {clearInterval(fx_d);}
s_item[i].style.paddingLeft=p[i]+"px";
}
function slide_s(i) {
if(p[i]>5) {p[i]--;} else {clearInterval(fx_s);}
s_item[i].style.paddingLeft=p[i]+"px";
}
-->
</script>
</head>
<body>
<ul id="sidebar">
<?php
$sidebar=array("aaa"=>"Prova","bbb"=>"Prova","ccc" =>"Prova");
$i=0;
foreach ($sidebar as $k=>$v) {
echo "[*]<a href=\"".$_SERVER["PHP_SELF"]."?view=".$k."\" ";
echo "onMouseOver=\"fx_d=setInterval('slide_d(".$i.")', 20)\" ";
echo "onMouseOut=\"fx_s=setInterval('slide_s(".$i.")',2 0)\" ";
echo ">".$v."</a>\n";
$i++;
}
?>[/list]
</body>
</html>

L'effetto funziona, ma se il mouse passa velocemente sui link impazzisce tutto... c'è una soluzione?