MCQs Test!! VB Basic Test !! Essentials of VB !! Creating User Services !! function !! Anatomy !! GK March-2019 !! DATA TYPES IN JAVA !! Classes ,Constructor ,Methods,Inheritance !! Ecology-I !! Biology 2019 !! Gk april 2019 !! Biology (living world) !! Plant anatomy !! CELL STRUCTURES AND FUNCTION !! General biology !! Human physiology !! Data structure !! Ecology-II !! GK TEST !! Reproduction in plants !! Human reproduction !! The ABC of C !! Operating system set1 !! Operating system set2 !! Gk and current affairs !! Animal kingdom !! Number system !! Animal kingdom-II !! Gk TEST-III !! Number series !! Microorganisms !! Interview question in c !! Time and Work !! Percentage !! General history !! Average !! Cells !! Locomotion and Movement !! paging !! Bacteriology !! Page replacement policy !! Secondary memory and Disk scheduling !! Introduction of Nervous System and neurons !! Plant harmones !! Transport and Mineral Nutrition in Plants !! Neurotransmitters !! Modern Indian History !! Photosynthesis in Plants !! Modern Indian History-II !! Plant respiration !! Environment & Biodiversity !! Environment & Biodiversity - II !! Algae, Bryophytes, Pteridophytes !! Area !! Cricket !! Days of the Year (India and the World) !! Plant Pathology - I !! Indian Transport System !! Plant Pathology - II !! Aptitude !! Biology !! Botany !! C language !! Computer Science !! Core Java !! Gate !! GK !! Mysql !! Operating system !! Physics !! VB-Visual Basic !! Zoology

JavaScript Tutorial

Animation In JavaScript
Previous Home Next

javascript provide Animation which is based on a phenomenon called persistence of vision The concept of animating is moving of an object in Javascript .

The object that is being animated is changed over a number of steps set at a certain interval over a certain period of time at each step the object may be changed in any number of ways

Example :

<Html> 
<Head>
<script> 
var theText = "r4r deal is a best deal service"; 
function nextSize(i,incMethod,textLength) 
{ 
if (incMethod == 1) return (85*Math.abs( Math.sin(i/(textLength/3.14))) ); 
if (incMethod == 2) return (275*Math.abs( Math.cos(i/(textLength/3.14)))); 
} 

function sizeCycle(text,method,dis) 
{ 
   output = ""; 
   for (i = 0; i < text.length; i++) 
   { 
       size = parseInt(nextSize(i +dis,method,text.length)); 
       output += "<font style='font-size: "
	   + size +"pt'>" +text.substring(i,i+
	   1)+ 
	   "</font>"; 
   } 
   theDiv.innerHTML = output; 
} 

function doWave(n) 
{   
 sizeCycle(theText,1,n); 
 if (n > theText.length) {n=0} 
 setTimeout ("doWave(" 
 + (n+1) + ")", 
 50); 
} 
</script> 
<body onload="doWave(10)"> 
<div ID="theDiv" 
align="center">@ r4rdeal</div> 
</Body> 
</Html>

Output :

Previous Home Next