كيف أجعل القائمة الرئيسية Rollover ؟

[مصمم مغربي]

قمت ببرمجة القائمة الرئيسية لكن لم أعرف طريقة مناسبة لجعلها تتميز بحركة Rollover

كيف أطبق ذلك على هدا الكود:

<tr>
<td class="alt1" align="right" "$bgclass"><font size=12px>
<table width="100%" border="0" align="right" bordercolor="#666666">
  <tr>
    <td width="13%" bordercolor="#CCCCCC" bgcolor="#FFFFFF"><div align="right"><a href="/index1.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('999','','/images/epic/statusicon/forum_new.gif',1)"><img src="/images/epic/statusicon/forum_old.gif" name="Forumetitle" width="24" height="24" border="0"></a></div></td>
    <td width="87%" bordercolor="#CCCCCC" bgcolor="#FFFFFF"><div align="right"><a href="/index1.php">رئيسية المنتدى</a> </div></td>
  </tr>
  <tr>
    <td bordercolor="#CCCCCC" bgcolor="#FFFFFF"><div align="right"><a href="/Translate/index.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('999','','/images/epic/statusicon/forum_new.gif',1)"><img src="/images/epic/statusicon/forum_old.gif" name="Forumetitle" width="24" height="24" border="0"></a></div></td>
    <td bordercolor="#CCCCCC" bgcolor="#FFFFFF"><div align="right"><a href="/Translate/index.php">خدمة الترجمة </a></div></td>
  </tr>
  <tr>
    <td bordercolor="#CCCCCC" bgcolor="#FFFFFF"><div align="right"><a href="/forumdisplay.php?f=2" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('999','','/images/epic/statusicon/forum_new.gif',1)"><img src="/images/epic/statusicon/forum_old.gif" name="Forumetitle" width="24" height="24" border="0"></a></div></td>
    <td bordercolor="#CCCCCC" bgcolor="#FFFFFF">      <div>
          <div align="right"><a href="/forumdisplay.php?f=2">عرض و نقد </a></div>
    </div></td>
  </tr>
  <tr>
    <td bordercolor="#CCCCCC" bgcolor="#FFFFFF"><div align="right"><a href="/forumdisplay.php?f=17" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('999','','/images/epic/statusicon/forum_new.gif',1)"><img src="/images/epic/statusicon/forum_old.gif" name="Forumetitle" width="24" height="24" border="0"></a></div></td>
    <td bordercolor="#CCCCCC" bgcolor="#FFFFFF"><div align="right"><a href="/forumdisplay.php?f=17">ورشات و مسابقات </a></div></td>
  </tr>
  <tr>
    <td bordercolor="#CCCCCC" bgcolor="#FFFFFF"><div align="right"><a href="/forumdisplay.php?f=6" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('999','','/images/epic/statusicon/forum_new.gif',1)"><img src="/images/epic/statusicon/forum_old.gif" name="Forumetitle" width="24" height="24" border="0"></a></div></td>
    <td bordercolor="#CCCCCC" bgcolor="#FFFFFF"><div align="right"><a href="/forumdisplay.php?f=6"> 3Ds Max </a></div></td>
  </tr>
  <tr>
    <td bordercolor="#CCCCCC" bgcolor="#FFFFFF"><div align="right"><a href="/forumdisplay.php?f=8" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('999','','/images/epic/statusicon/forum_new.gif',1)"><img src="/images/epic/statusicon/forum_old.gif" name="Forumetitle" width="24" height="24" border="0"></a></div></td>
    <td bordercolor="#CCCCCC" bgcolor="#FFFFFF"><div align="right"><a href="/forumdisplay.php?f=8"> Maya </a></div></td>
  </tr>
  <tr>
    <td bordercolor="#CCCCCC" bgcolor="#FFFFFF"><div align="right"><a href="/forumdisplay.php?f=7" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('999','','/images/epic/statusicon/forum_new.gif',1)"><img src="/images/epic/statusicon/forum_old.gif" name="Forumetitle" width="24" height="24" border="0"></a></div></td>
    <td bordercolor="#CCCCCC" bgcolor="#FFFFFF"><div align="right"><a href="/forumdisplay.php?f=7">Cenima4D</a></div></td>
  </tr>
  <tr>
    <td bordercolor="#CCCCCC" bgcolor="#FFFFFF"><div align="right"><a href="/forumdisplay.php?f=21" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('999','','/images/epic/statusicon/forum_new.gif',1)"><img src="/images/epic/statusicon/forum_old.gif" name="Forumetitle" width="24" height="24" border="0"></a></div></td>
    <td bordercolor="#CCCCCC" bgcolor="#FFFFFF"><div align="right"><a href="/forumdisplay.php?f=21"> Photoshop </a></div></td>
  </tr>
  <tr>
    <td bordercolor="#CCCCCC" bgcolor="#FFFFFF"><div align="right"><a href="/forumdisplay.php?f=23" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('999','','/images/epic/statusicon/forum_new.gif',1)"><img src="/images/epic/statusicon/forum_old.gif" name="Forumetitle" width="24" height="24" border="0"></a></div></td>
    <td bordercolor="#CCCCCC" bgcolor="#FFFFFF"><div align="right"><a href="/forumdisplay.php?f=23"> Illustrator </a></div></td>
  </tr>
  <tr>
    <td bordercolor="#CCCCCC" bgcolor="#FFFFFF"><div align="right"><a href="/forumdisplay.php?f=24" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('999','','/images/epic/statusicon/forum_new.gif',1)"><img src="/images/epic/statusicon/forum_old.gif" alt="Forumtitle" name="Forumetitle" width="24" height="24" border="0"></a></div></td>
    <td bordercolor="#CCCCCC" bgcolor="#FFFFFF"><div align="right"><a href="/forumdisplay.php?f=24"> AfterEffects </a></div></td>
  </tr>
  <tr>
    <td bordercolor="#CCCCCC" bgcolor="#FFFFFF"><div align="right"><a href="/forumdisplay.php?f=22" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('999','','/images/epic/statusicon/forum_new.gif',1)"><img src="/images/epic/statusicon/forum_old.gif" name="Forumetitle" width="24" height="24" border="0"></a></div></td>
    <td bordercolor="#CCCCCC" bgcolor="#FFFFFF"><div align="right"><a href="/forumdisplay.php?f=22"> Flash </a></div></td>
  </tr>
  <tr>
    <td bordercolor="#CCCCCC" bgcolor="#FFFFFF"><div align="right"><a href="/forumdisplay.php?f=9" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('999','','/images/epic/statusicon/forum_new.gif',1)"><img src="/images/epic/statusicon/forum_old.gif" name="Forumetitle" width="24" height="24" border="0"></a></div></td>
    <td bordercolor="#CCCCCC" bgcolor="#FFFFFF"><div align="right"><a href="/forumdisplay.php?f=9"> 2D/3D </a></div></td>
  </tr>
  <tr>
    <td bordercolor="#CCCCCC" bgcolor="#FFFFFF"><div align="right"><a href="/forumdisplay.php?f=10" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('999','','/images/epic/statusicon/forum_new.gif',1)"><img src="/images/epic/statusicon/forum_old.gif" name="Forumetitle" width="24" height="24" border="0"></a></div></td>
    <td bordercolor="#CCCCCC" bgcolor="#FFFFFF"><div align="right"><a href="/forumdisplay.php?f=10">Downloads</a></div></td>
  </tr>
  <tr>
    <td bordercolor="#CCCCCC" bgcolor="#FFFFFF"><div align="right"><a href="/forumdisplay.php?f=11" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('999','','/images/epic/statusicon/forum_new.gif',1)"><img src="/images/epic/statusicon/forum_old.gif" name="Forumetitle" width="24" height="24" border="0"></a></div></td>
    <td bordercolor="#CCCCCC" bgcolor="#FFFFFF"><div align="right"><a href="/forumdisplay.php?f=11">Freelancers</a></div></td>
  </tr>
  <tr>
    <td bordercolor="#CCCCCC" bgcolor="#FFFFFF"><div align="right"><a href="/forumdisplay.php?f=13" onMouseOver="MM_swapImage('999','','/images/epic/statusicon/forum_new.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="/images/epic/statusicon/forum_old.gif" name="Forumetitle" width="24" height="24" border="0"></a></div></td>
    <td bordercolor="#CCCCCC" bgcolor="#FFFFFF"><div align="right"><a href="/forumdisplay.php?f=13">الفضاء الحر </a></div></td>
  </tr>
</table>
</tr>
<tr> 

[أحمد أي بي أيه]

برمجتك رائعة ولكن راح ااول اعرف كيف الطريقة