Salve a tutti, dopo aver esplorato tutto il web e anche il Vostro sito, non sono riuscito a venir a capo del mio dilemma.
La questione è semplice, ho creato una pagina web con dei link a varie sezioni della pagina e in più ho creato un immagine con funzione TopScroll (scrolla a inizio pagina) con tale codice:
codice:
<a name="top"></a>
.....
.....
.....
.....
<a href="#top"><img src="../Immagini/Icone/Empty.png" width="65" height="65" border="0" alt="Torna in cima alla pagina" 
style="position:absolute; visibility:show; left:2px; bottom:8px"></a>
Solo che vorrei utilizzare la funzione di animazione per scrollare la pagina in alto e magari anche i relativi link che stanno in vari punti della pagina.
Questo è il codice della mia pagina HTML:
codice:
<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN"><html>


<head>


<title>WinCenter™ - Guide</title>


</head>


<body bgcolor="darkblue" style="background-image: url('../Immagini/Sfondi/Guide.png'); background-attachment: fixed"; link="RoyalBlue" alink="LimeGreen" vlink="SteelBlue">
<marquee behavior="slide" scrolldelay="1" scrollamount="10" vspace="4" hspace="130" direction="left" height="63px" width="130%"><span style="color: white; font-size: 40px; font-family: segoe ui"><b>Guide & Tutorial</b></span></marquee>




<!---------------------------------------------------------------------->


<div style="position:relative; top:40px; width:95%; height:320; padding:0px; margin:0 0 0 69; overflow-x:auto; overflow-y:auto">
<a name="top"></a>




<!----------------------INIZIO CONTENUTO TABELLA------------------------>
<table cellpadding="10" cellspacing="0" width="100%" align="right">
<tr>
<td valign="top" style="padding-right: 10px">
<span style="color: white; font-size: xl; font-family: segoe ui">


<!-----------------------RESOCONTO APPLICAZIONI------------------------->
<table width="100%" border="1" cellpadding="2" cellspacing="0" bordercolor="#4577a4" class="TABLE_PRG">


<tr valign="top"> 
<td width="301"><img src="../Immagini/Icone/list.png"><a href="#a">Good Mode</a></td>


<td width="301"><img src="../Immagini/Icone/list.png"><a href="#b">Account Administrator Enabled</a></td>
</tr>


<tr valign="top"> 
<td width="301"><img src="../Immagini/Icone/list.png"><a href="#c">Modding Media Center</a></td>
<td width="301"><img src="../Immagini/Icone/list.png"><a href="#d">Modding color RGB copia/incolla</a></td>
</tr>


<tr valign="top"> 
<td width="301"><img src="../Immagini/Icone/list.png"><a href="#e">Quick Launch in Windows 7</a></td>


<td width="301"><img src="../Immagini/Icone/list.png"><a href="#f">Icone centrali nella SuperBar</a></td>
</tr>


<tr valign="top"> 
<td width="301"><img src="../Immagini/Icone/list.png"><a href="#g">Cambiare sfondo a Media Player 12</a></td>


<td width="301"><img src="../Immagini/Icone/list.png"><a href="#h">Icone nascoste in Windows 7</a></td>
</tr>


<tr valign="top"> 
<td width="301"><img src="../Immagini/Icone/list.png"><a href="#i">Tutorial HTML</a></td>


<td width="301"><img src="../Immagini/Icone/list.png"><a href="#j">Table Creator HTML</a></td>
</tr>


<tr valign="top"> 
<td width="301"><img src="../Immagini/Icone/list.png"><a href="#k">Colour HTML</a></td>




</tr>




</table>
<br><br>


<hr>
<a name="a"></a>
<div height="13" width="316" style="background-color: #CCCCCC; color: #000099; font-style: normal; font-weight: bold;" align="center">Abilitare il Good Mode in Windows 7</div>
<br>
Con questa guida potremmo avere in una sola cartella, con l’icona del Pannello di controllo, tutti i controlli per il nostro Windows 7.<br>
<img src="../Immagini/Icone/read.png"><a href="../Programmi/Guide/GodMode.txt" target="_blank"> <b>Leggi</b></a> [Windows: 7]


<hr>
<a name="b"></a>
<div height="13" width="316" style="background-color: #CCCCCC; color: #000099; font-style: normal; font-weight: bold;" align="center">Abilitare l'account Amministratore</div>
<br>
Con questa guida potremo abilitare l'Account Administrator per eseguire varie operazioni con i massimi privilegi!<br>
<img src="../Immagini/Icone/read.png"><a href="../Programmi/Guide/AccountAdmin.txt" target="_blank"> <b>Leggi</b></a> [Windows: Vista, 7]


<hr>
<a name="c"></a>
<div height="13" width="316" style="background-color: #CCCCCC; color: #000099; font-style: normal; font-weight: bold;" align="center">Modding vari per Windows Media Center di Windows 7</div>
<br>
All'interno della guida troverete varie soluzioni per il mod di Media Center di Windows 7, dal cambiamento di sfondo, all'Album Art.<br>
<img src="../Immagini/Icone/read.png"><a href="../Programmi/Guide/AlbumArtMediaCenter.txt" target="_blank"> <b>Leggi</b></a> [Windows: 7]


<hr>
<a name="d"></a>
<div height="13" width="316" style="background-color: #CCCCCC; color: #000099; font-style: normal; font-weight: bold;" align="center">Modificare i colori RGB della finestra di dialogo Copia/Incolla</div>
<br>
Guida valida solo per Vista e Se7en. Impareremo a modificare i colori di sfondo dell'animazione che appare nella finestra di dialogo quando Copiamo, Eliminiamo o Incolliamo dei files o cartelle.<br>
<img src="../Immagini/Icone/read.png"><a href="../Programmi/Guide/ColoriRGB.txt" target="_blank"> <b>Leggi</b></a> [Windows: Vista, 7]


<hr>
<a name="e"></a>
<div height="13" width="316" style="background-color: #CCCCCC; color: #000099; font-style: normal; font-weight: bold;" align="center">Riabilitare l'avvio veloce in Windows 7</div>
<br>
In Windows 7 la barra degli strumenti chiamata 'Avvio Veloce' presente nelle versione precedentidi Windows è stata rimossa. Ma con un semplice gesto potremo riaverla al suo classico posto.<br>
<img src="../Immagini/Icone/read.png"><a href="../Programmi/Guide/AvvioVeloce.txt" target="_blank"> <b>Leggi</b></a> [Windows: 7]


<hr>
<a name="f"></a>
<div height="13" width="316" style="background-color: #CCCCCC; color: #000099; font-style: normal; font-weight: bold;" align="center">Icone centrali sulla Barra dele applicazioni di Windows 7 e Windows 8</div>
<br>
La barra delle applicazioni di Windows 7 e 8 permette di fare 'quasi' qualsiasi cosa, come per esempio centrare le icone dei programmi pinnati su di essa...<br>
<img src="../Immagini/Icone/read.png"><a href="../Programmi/Guide/IconCenter.txt" target="_blank"> <b>Leggi</b></a> [Windows: 7, 8]


<hr>
<a name="g"></a>
<div height="13" width="316" style="background-color: #CCCCCC; color: #000099; font-style: normal; font-weight: bold;" align="center">Cambiare sfondo al catalogo di Windows Media Player 12 di Windows 7</div>
<br>
In Windows Media Player 12 di Windows 7, esistono vari sfondi predefiniti per la Raccolta Musicale, impareremo come cambiare tali sfondi)<br>
<img src="../Immagini/Icone/read.png"><a href="../Programmi/Guide/MP12.txt" target="_blank"> <b>Leggi</b></a> [Windows: 7]


<hr>
<a name="h"></a>
<div height="13" width="316" style="background-color: #CCCCCC; color: #000099; font-style: normal; font-weight: bold;" align="center">Icone nascoste in Windows 7</div>
<br>
In Windows 7, ci sono una raccolta di icone molto più belle di quelle di default. Quindi se volgiamo personalizzare una cartella o un collegamento, scegliamo il meglio!<br>
<img src="../Immagini/Icone/read.png"><a href="../Programmi/Guide/Imageres.txt" target="_blank"> <b>Leggi</b></a> [Windows: 7]


<hr>
<a name="i"></a>
<div height="13" width="316" style="background-color: #CCCCCC; color: #000099; font-style: normal; font-weight: bold;" align="center">Mega Pack di tutorial HTML</div>
<br>
Mega Pack contenente numerose guide HTML e Java Script (più di 800), per qualsiasi utilizzo. Divise in categorie, con file di esempio per ogni guida.
<br>Raccolta creata da <i>LepSyus</i><br>
Codici pubblicati da <i>http://www.asbafo.net/</i><br>
<img src="../Immagini/Icone/open.png"><a href="../Programmi/Guide/Raccolta%20HTML/" target="_blank"> <b>Apri cartella</b></a> [HTML E Java Script]


<hr>
<a name="j"></a>
<div height="13" width="316" style="background-color: #CCCCCC; color: #000099; font-style: normal; font-weight: bold;" align="center">Table Creator HTML</div>
<br>
Ecco un semplice tool per creare al volo un tabella in HTML, con possibilità di scegliere il numero di righe e colonne. Basta impostare i valori desiderati, premere su "Genera Tabella" e copiare direttamente il codice che verrà creato automaticamente! Per facilitarti la cosa, una volta selezionato il codice, quest'ultimo verrà copiato automaticamente per poi incollarlo dove vuoi...più semplice di così!
<br>
<img src="../Immagini/Icone/run.png"><a href="../Programmi/Guide/TableCreator.htm"> <b>Esegui</b></a> [HTML E Java Script]


<hr>
<a name="k"></a>
<div height="13" width="316" style="background-color: #CCCCCC; color: #000099; font-style: normal; font-weight: bold;" align="center">Colour HTML</div>
<br>
Questa volta ci occupiamo di colori! Se devi dare vita alle tue pagine web, usa questo tools per aiutarti a scegliere una buona combinazione di colori tra sfondo/testo, inoltre saprai quale codice mettere per ogni colore!
<br>
<img src="../Immagini/Icone/run.png"><a href="../Programmi/Guide/colour.html"> <b>Esegui</b></a> [HTML E Java Script]


<hr>
</span>
</td>
  </tr>
</table>
</div>
<!---------------------------PULSANTI DI NAVIGAZIONE-------------------------->
<a href="#top"><img src="../Immagini/Icone/Empty.png" width="65" height="65" border="0" alt="Torna in cima alla pagina" 
style="position:absolute; visibility:show; left:2px; bottom:8px"></a>


<a href="../../Main/4-main.html"><img src="../Immagini/Icone/Empty.png" width="65" height="65" border="0" alt="Torna alla lista" 
style="position:absolute; visibility:show; left:2px; top:13px"></a>


<a href="../Programmi/Guide" target="_blank"><img src="../Immagini/Icone/Empty.png" width="100%" height="63" border="0" alt="Apri cartella 'Guide & Tutorial'" 
style="position:absolute; visibility:show; left:67px; top:14px"></a>


</body>
</html>
Il risultato è questo:



In pratica l'unica parte della pagina che scorre su e giu è quela evidenziata in rosso. Il resto è fisso sulla pagina bloccato.


Come posso integrare tale funzione di scorrimento animato?