Rainbow highligher : Text Effects : Ajax Layer JAVASCRIPT DHTML TUTORIALS


JAVASCRIPT DHTML TUTORIALS » Ajax Layer » Text Effects »

 

Rainbow highligher




<html>
<head>
<title>DynAPI Examples - Highlighter</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.functions.Color');
dynapi.library.include('dynapi.gui.Highlighter');
</script>
<script language="Javascript">
var x=0,y=50,c=0,lyr,clr,inc=1;
var d1=new Date();

for(var i=0;i<300;i++){
  y+=inc;
  if(y>200inc*=-1;
  x=50+c*1;
  c+=1;
  if (i<=100clr=dynapi.functions.fadeColor('#0000FF','#FF0000',i);
  else if (i>100 && i<=200clr=dynapi.functions.fadeColor('#FF0000','#00FF00',i-100);
  else clr=dynapi.functions.fadeColor('#00FF00','#FFFFFF',(i-200));
  lyr=new Highlighter(x,y,1,50,clr);
  dynapi.document.addChild(lyr);
}

dynapi.onLoad(init);

function init(){
  var d2=new Date();
  document.frm.txt.value = i+' layers in '+(d2-d1)+' milliseconds';
}

</script>
</head>
<body>
<form name="frm">Speed:
<input type="text" size="50" name="txt" value="loading...">
</form>
<script>
  dynapi.document.insertAllChildren();
</script>
</body>
</html>

           
       

Download : Download nav_dynapi.zip nav_dynapi.zip


-

Leave a Comment / Note


 
Verification is used to prevent unwanted posts (spam). .

Follow Navioo On Twitter

JAVASCRIPT DHTML TUTORIALS

 Navioo Ajax Layer
» Text Effects