Run is the easy and basic way to animate web content!
You're right, this is YAAF - yet another animation framework.
But some facts make it standing out from other frameworks:
  • Easy and intelligent CSS support.
  • Event listeners.
  • Easy syntax.
  • Well-documented.
  • Compatible to all current browsers:
    Firefox 1+, Opera 8+, Internet Explorer 5.5+, Safari 2+, Konqueror
Let's start the discussion about Run on Google Groups: Google Groups - Run
Choose your download package:

Version File Size in kB
0.2 β compressed run_0.2beta_compressed.zip 21
run_0.2beta_compressed.tgz 21
0.2 β developer run_0.2beta_developer.zip 22
run_0.2beta_developer.tgz 21
All packages contain prototype 1.5.0_rc1
5 minutes tutorial

  • First include all necessary files in the head of your HTML file: 1 <head>
    2     <    script type="text/javascript" src="prototype.js"></script>
    3         <script type="text/javascript" src="prototype_extended.js"></script>
    4     <script type="text/javascript" src="run.js"></script>
    5 </head>
  • Put an element in the body and start it:  1 <body>
     2
     3     <    div id="myDiv" onclick="action()">Click on me to test!</div>
     4     
     5     <    script type="text/javascript">
     6         //<![CDATA[
     7             action = function() {
     8                 myRun = new Run({
     9                     elements: 'myDiv',
    10                     style: {color:'yellow', fontSize:'50px'},
    11                     flow: Run.SINUS,
    12                     onend: function() {
    13                         document.title += ' .. Demo finished';
    14                 }
    15             });
    16         };
    17         //]]>
    18         </script>
    19
    20 </body>
    21 </html>
  • Action .. test it:

    Click on me to test!
  • I wanna know more about it. Show me ..

This page and any part of it is licensed under Creative Commons Attribution-NonCommercial 2.0 License.
Idea and realization: Andreas Kalsch Trier/Ulm Germany, your mails are welcome: andreaskalsch at gmx dot de
• More Inspiration: aka-fotos.de | akidee.de