Sviluppo » Javascript » Internet

Aggiungere nuove transizioni a Scriptaculous

martedì 1 aprile, 2008

Non tutti lo sanno, forse, ma è possibile sovrascrivere o aggiungere le transizioni degli effetti di scriptaculous.js in modo estremamente semplice e rapido. Le transizioni di Scriptaculous, usate negli effetti per determinare il tipo di animazione, non sono implementate come quelle di Flash (consiglio di dare un'occhiata a questo PDF del grande Rober Penner), ma l'effetto finale è - di fatto - il medesimo. Inoltre, nel pacchetto Scriptaculous, non sono presenti alcune transizioni base presenti invence in Actionscript. Se volessimo aggiungere una nuova transizione a Scriptaculous basterà inserire questo codice prima di usare un qualunque effetto:

PLAIN TEXT
JavaScript:
  1. Effect.Transitions.exponential = function(pos) {
  2.     return 1-Math.pow(1-pos,2);
  3. }

Da questo momento in poi possiamo usare la nuova transizione exponential in tutti gli effetti di Scriptaculous. Per una serie di transizioni utili - quasi un porting da Actionscript a Scriptaculous - vedi Add some spice to Scriptaculous.

Post correlati

Questo articolo ti è stato utile?: Per nientePocoAbbastanzaMoltoMoltissimo
Loading ... Loading ...

Tags: , , , , , , ,

Non ci sono commenti per questo Post

Lascia un commento

TAG XHTML PERMESSI: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> INSERIMENTO CODICE: 
<pre></pre>         // blocco generico
[code][/code]       // blocco generico
[as][/as]           // Actionscript
[css][/css]         // CSS Style Sheet
[html][/html]       // HTML
[js][/js]           // Javascript
[objc][/objc]       // Objective-C
[php][/php]         // PHP
[sql][/sql]         // SQL