Ajax Layer JavaScript DHTML

http://dynapi.sourceforge.net/
GNU LESSER GENERAL PUBLIC LICENSE
Version 2.1, February 1999


DynAPI Examples - Hover Animation


dynapi.library.setPath('./dynapisrc/');
dynapi.library.include('dynapi.api');
dynapi.library.include('dynapi.fx.Thread');
//dynapi.library.include('dynapi.util.pathanim.js');  // hover requires a function in pathanim
dynapi.library.include('dynapi.fx.HoverAnimation');


dynapi.onLoad (function() {
  block = new DynLayer();
  block.setSize(20,20);
  block.setLocation(200,200);
  block.setBgColor("red");
  hover = new HoverAnimation(block);
  hover.setAmplitude(50);
  hover.setAngleIncrement(10);
  hover.sleep(20);
  hover.playAnimation();
  var listener = {
    onpathstart : function(e) {
      status = "start";
    },
    onpathrun : function(e) {
      var o = e.getSource();
      status = "play "+o.x+" "+o.y;
    },
    onpathstop : function(e) {
      var o = e.getSource();
      status = "stop "+o.x+" "+o.y;;
    }
  }
  block.addEventListener(listener);
  dynapi.document.addChild(block);
});
//-->



Hover

amplitude: 50 | 100

angle increment: 10 | 5

sleep: 20 | 40


           
         
  
dynapi.zip( 791 k)