Animate Button

Following code is to develop different animated buttons using the tricks of CSS, Javascript and HTML. The code is effective for IE-5 and above. Developed by Peeyush Nigam (CEO-PARI WEB SERVICES™)

<Html>
<Head><Title>ANIMATED BUTTONS.</Title>
   <Style type="text/css">
   <!--
       .bt2class{    
           font-weight:bold;
           color:#ff0000;
           filter:blur();    
       }
   //-->
   </Style>    
<Script language="Javascript1.2">
<!--
   var ph=0;
   var dr=new Array(0,45,90,135,180,225,270,315);
   function animate(){
       bt2.filters[0].add=Math.round(1*Math.random());
       bt2.filters[0].direction=Math.round(dr[ph]*Math.random());
       var tm=window.setTimeout("animate()",1000);
       ph++;
       if(ph>=8){ph=0;}    
       
   }
//-->
</Script>
</Head>    
<Body onload="animate()">
Shiviring Button:<br>
<Input type="button" id="bt2" name="bt2" class="bt2class" value="Bring the Mouse Over Me."><br>
   
</Body>
</Html>

You might also like...

Comments

Peeyush Nigam More than 3yrs of practical and job experience in IT Industry. Currently running own ASP center in city KANPUR - INDIA [url="www2.domaindlx.com/pari"]PARI WEB SERVICES™[/url] U may [email="webmaste...

Contribute

Why not write for us? Or you could submit an event or a user group in your area. Alternatively just tell us what you think!

Our tools

We've got automatic conversion tools to convert C# to VB.NET, VB.NET to C#. Also you can compress javascript and compress css and generate sql connection strings.

“If debugging is the process of removing software bugs, then programming must be the process of putting them in.” - Edsger Dijkstra