JavaScript DHTML/Ajax Layer/Text Animation

Материал из Web эксперт
Перейти к: навигация, поиск

Text Animation Demo

   <source lang="html4strict">

<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> 

      </source>

<A href="http://www.wbex.ru/Code/JavaScriptDownload/dynapi.zip">dynapi.zip( 791 k)</a>

Источник — «http://wbex.ru/index.php?title=JavaScript_DHTML/Ajax_Layer/Text_Animation&oldid=1645»