Mega Code Archive

 
Categories / JavaScript DHTML / Ajax Layer
 

Path Animation Slide

http://dynapi.sourceforge.net/ GNU LESSER GENERAL PUBLIC LICENSE Version 2.1, February 1999 <html> <head> <title>DynAPI Examples - Path Animation [Slide]</title> <script language="JavaScript" src="./dynapisrc/dynapi.js"></script> <script language="Javascript"> dynapi.library.setPath('./dynapisrc/'); dynapi.library.include('dynapi.api'); dynapi.library.include('dynapi.library'); dynapi.library.include('dynapi.debug'); dynapi.library.include('SlideAnimation'); </script> <script language="Javascript"> dynapi.onLoad(function() {   block = new DynLayer();   block.setSize(20,20);   block.setLocation(100,100);   block.setBgColor("red");   var listener = {};   listener.onthreadstart = function(e) {     status = "start";   }   listener.onthreadrun = function(e) {     var o = e.getSource();     status = "play "+o.x+" "+o.y;   }   listener.onthreadstop = listener.onthreadfinish = function(e) {     var o = e.getSource();     status = "stop "+o.x+" "+o.y;;   }   block.addEventListener(listener);   dynapi.document.addChild(block); }); //--> </script> </head> <body bgcolor="#999999"> <p>SlideTo: <br>(<a href="javascript://" onclick="javascript:block.slideTo(100,100)">100,100</a>) <br>(<a href="javascript://" onclick="javascript:block.slideTo(200,100)">200,100</a>) <br>(<a href="javascript://" onclick="javascript:block.slideTo(200,200)">200,200</a>) <br>(<a href="javascript://" onclick="javascript:block.slideTo(100,200)">100,200</a>) <br>(<a href="javascript://" onclick="javascript:block.slideTo(400,50)">400,50</a>) <br>(<a href="javascript://" onclick="javascript:block.slideTo(50,400)">50,400</a>) </body> </html>                     dynapi.zip( 791 k)