js 收缩菜单

<script>
var x=-298;
function m1(){
document.getElementById("d1").style.left=x;
x=x+6;
window.status=x;
lock=setTimeout("m1()",1)
if (x>=0){clearTimeout(lock)}
}
function m2(){
document.getElementById("d1").style.left=x;
x=x-6;
window.status=x;
lock=setTimeout("m2()",1)
if (x<=-298){clearTimeout(lock)}
}
function m(){
window.status=x;
if (x<=-298){m1()};
if (x>0){m2()};
}

function m3(){
for (i = 0; i < 20; i++) {
document.getElementById("d2").style.top = 100 + 50 * Math.sin(0 + i * 18 * Math.PI / 180);
document.getElementById("d2").style.left = 100 + 50 * Math.cos(0 + i * 18 * Math.PI / 180);
}
setTimeout('m3()', 20);
}
</script>
<div id="d1" style="position:absolute;left:-298px;top:0px;width:300;height:300;background:#cccccc" οnmοuseοver="m()">
  <table width="2%" height="100%" border="0" align="right" bgcolor="#00FF00">
    <tr>
      <td></td>
    </tr>
  </table>
</div>

<div id="d2" style="position:absolute;left:298px;top:300px;width:30;height:30;background:#cccccc" οnmοuseοver="m3()">
</div>