Mootools: how to Fx.Scroll
Torno volentieri a parlare di mootools e moo.fx, mancava all' appello (e tra gli effetti del mio blog) lo scroll della pagina, ingredienti:
- Il framework mootools, rispetto al precedete tutorial reflections.js vi consiglio di scaricare questo mio download (quasi) completo
- Poche righe di codice javascript
- Codice HTML per richiamare i "punti" della pagina
Una volta scaricato mootools.js caricatelo nel vostro spazio remoto, quindi inserite questo codice tra i tag <head> della vostra pagina:
<script type="text/javascript" src="http://www.nomedominio.com/mootools.js"></script><script type="text/javascript">window.addEvent('domready', function(){ new SmoothScroll(); })</script>Oltre a caricare il framework avrete richiamato la funzione; a questo punto potete linkare ogni id presente nella pagina come un normale <a name="esempio">:
<a href="#top">torna sopra</a>Alcuni esempi: vai all' archivio, torna sopra (ho tolto lo script ma il codice resta valido)
Etichette: javascript, moo.fx, mootools, Tutorial
[Sid]
|
Permalink |
|
|
Permalink |
|
