Library code snippets

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>

Comments

  1. 07 Apr 2002 at 13:01

    Very interesting effect. Nice work.

  2. 01 Jan 1999 at 00:00

    This thread is for discussions of Animate Button.

Leave a comment

Sign in or Join us (it's free).

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="webm...
AddThis

Related podcasts

  • Raleigh Code Camp reflections, Chrome wins speed tests, GroovyMag

    I attended the Raleigh Code Camp last week and had a blast meeting some awesome people (but of course there's never enough time to meet everyone you'd like to!). Some great sessions I attended covered the MS MVC platform and an introduction to MS DLR, both of which I discuss here in a bit more d...

Events coming up

We'd love to hear what you think! Submit ideas or give us feedback