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="webmaste...

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

  • Dec 8

    December Silicon Valley Ruby Meetup

    Moffett Field, United States

    In a World of Middleware, Who Needs Monolithic Applications? by Jon Crosby With Rack emerging as the standard for composing web applications and services, most recently with Rails adoption, an architectural shift is taking place. Learn how to create next generation web services by reusing existing Rack middleware and supplementing with your own components and micro-frameworks like Sinatra. Bio : Jon likes music, the Open Web, Ruby, Erlang, Haskell, Objective-C, JavaScript and coffee.

Want to stay in touch with what's going on? Follow us on twitter!