[Tuto] Un bloc avec Menu Scroll

<script>
    var sRepeat=null;
    function doScrollerIE(dir, src, amount) {   
    if (amount==null) {
    amount=10
    }   
    if (dir=="up") {
    document.all[src].scrollTop-=amount
    }   else {
    document.all[src].scrollTop+=amount
    }   if (sRepeat==null) {
    sRepeat = setInterval("doScrollerIE('" + dir + "','" + src + "'," + amount + ")",100)}   return false
    }
    window.document.onmouseout = new Function("clearInterval(sRepeat);sRepeat=null");
    window.document.ondragstart = new Function("return false");


    function toggle( targetId ){
    {target = document.all( targetId );
    if (target.style.display == "none")
    {
    target.style.display = "";
    } else {
    target.style.display = "none";
      }
     }
    }
    </script>
          <table width="130" cellspacing="0" cellpadding="0" border="1" bordercolordark="#CC9933" bordercolorlight="#3399FF">
              <tbody><tr>
                <td onmouseout="function onmouseout(event) {
    this.style.backgroundColor = "black";
}" onmouseover="function onmouseover(event) {
    this.style.backgroundColor = "#FFCC66";
}"><center><a target="_blank" href="http://ageofmagic.xooit.com/portal.php" onmouseout="function onmouseout(event) {
    clearInterval(sRepeat);
}" onmouseover="function onmouseover(event) {
    return doScrollerIE("up", "s1", 10);
}">Monter<img width="130" height="40" border="0" src="http://steven.feerik.com/images/19-05-08.jpg" /><br /></a></center></td>
              </tr>
              <tr>
                <td>
                  <div style="overflow: hidden; width: 130px; height: 100px;" class="sc1" id="s1">
                 <a target="_blank" href="http://ageofmagic.xooit.com/index.php"><font size="2">Forum</font></a><br />
                    <a target="_blank" href="http://iotup.olympe-network.com/index.php?pub=0"><font size="2">La carte d'AOM</font></a><br />
                    <a target="_blank" href="http://steven.feerik.com/"><font size="2">Le Blog de Steven</font></a><br />
                    <a target="_blank" href="http://www.ageofmagic.net/forum/"><font size="2">Forum Officiel d'AOM</font></a><br />
                    <a target="_blank" href="http://www.ageofmagic.net/"><font size="2">Age Of Magic</font></a><br />
                    <a target="_blank" href="http://ageofmagic.xooit.com/portal.php?pid=6"><font size="2">Les monstre en image d'AOM</font></a><br />
                <a target="_blank" href="http://ageofmagic.xooit.com/portal.php?pid=4"><font size="2">Les Sorts en image d'AOM</font></a><br />
                    <a target="_blank" href="http://ageofmagic.xooit.com/portal.php?pid=5"><font size="2">Les Familiers en image d'AOM</font></a><br />
                    <a target="_blank" href="http://ageofmagic.xooit.com/f138-Sommaire-des-Quetes.htm"><font size="2">Sommaire des Quêtes</font></a><br />
                    <a target="_blank" href="http://ageofmagic.xooit.com/f25-Inventaire.htm"><font size="2">L'Inventaire</font></a><br />
                    <a target="_blank" href="http://ageofmagic.xooit.com/f26-Carte.htm"><font size="2">La Carte par Zone</font></a><br />
                    <a target="_blank" href="http://ageofmagic.xooit.com/login.php?logout=true&rci=c80a3a2f0eed68d4c609708a878ca01d"><font size="2">Se Connecter/ Déconnecter</font></a><br />
                    <a target="_blank" href="http://ageofmagic.xooit.com/profile.php?mode=register"><font size="2">S'inscrire</font></a><br />
                  </div>
                </td>
              </tr>
              <tr>
                <td onmouseout="function onmouseout(event) {
    this.style.backgroundColor = "black";
}" onmouseover="function onmouseover(event) {
    this.style.backgroundColor = "#FFCC66";
}"><center><a target="_blank" href="http://ageofmagic.xooit.com/portal.php" onmouseout="function onmouseout(event) {
    clearInterval(sRepeat);
}" onmouseover="function onmouseover(event) {
    return doScrollerIE("down", "s1", 10);
}"><img width="130" height="40" border="0" src="http://steven.feerik.com/images/19-05-08.jpg" /><br />Descendre</a></center></td>
              </tr>
            </tbody></table>
</span>
</td>
</tr>
</table>