Text Animation Demo : Text Animation « Ajax Layer « JavaScript DHTML

Text Animation Demo


<html>
<head>
<title>DynAPI Examples - Text Animation</title>
<script language="JavaScript" src="./dynapisrc/dynapi.js"></script>
<script language="Javascript">
dynapi.library.setPath('./dynapisrc/');
dynapi.library.include('dynapi.api');
dynapi.library.include('Fader');
</script>
<script language="JavaScript" src="./dynapisrc/fx/textanim.js"></script>
<script language="Javascript">
var ta = new TextAnimation(200,200,'In the Beginning was the Browser','letter');
ta.setVisible(false);
ta.addEventListener({
  onanimstart:function(e){
    if(!ta._stage)ta._stage=0;
    ta._stage++;
  },
  onanimfinish:function(e){
    if(ta._stage==1){
      ta.fadeOut(5);
    }else if(ta._stage==2){
      ta.setText('And the Browser was with DynAPI','letter')
      ta.fadeIn();
    }else if(ta._stage==3){
      ta.fadeOut();
    }else if(ta._stage==4){
      ta.setText('And the Browser was DynAPI','letter')
      ta.fadeIn();
      ta.flyFrom(250,250);
    }else if(ta._stage==6){
      ta.setVisible(false);
      ta.setText('The same was in the beginning with DynAPI','letter');
      ta.appear();
    }else if(ta._stage==7){
      ta.setVisible(false);
      ta.setText('Got DynAPI?','word');
      ta.appear();
    }else if(ta._stage==8){
      ta.setVisible(false);
      ta.animateBy('letter');
      ta.zoomText(20,100,5,10)
    }else if(ta._stage==9){
      ta.setVisible(false);
      ta.setText('DynAPI 3.0 Is Here!','letter');
      ta.zoomText(100,20,20,10)
    }else if(ta._stage==10){
      ta.setVisible(false);
      ta.bounce(100,1)
    }
  }
})

dynapi.onLoad(function(){
  ta.bounce(100,-1)
});
</script>
</head>

<body scroll="no">
<script>
  dynapi.document.insertAllChildren();
</script>
</body>
</html>

dynapi.zip( 791 k)

Text Animation Demo : Text Animation « Ajax Layer « JavaScript DHTML

Related examples in the same category