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