JavaScript Animation Framework Run

June 22, 2009 § Leave a comment

It’s the first time to discover a JavaScript animation framework Run. It supports Firefox 1+, Opera 8+, IE 5.5+, Safari 2+, Konqueror.

I include the code to demonstrate the concept. I couldn’t get it to run the examples on Mac FireFox. However, the idea behind JavaScript Animation Framework is so cool that I would like to blog about it.

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>

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>

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

What’s this?

You are currently reading JavaScript Animation Framework Run at Web Builders.

meta

%d bloggers like this: