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:
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.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>
Questo è il codice della mia pagina HTML:
Il risultato è questo: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>
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?
Rispondi quotando
