Library code snippets
Animate Button
By Peeyush Nigam, published on 07 Apr 2002
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>
Related articles
Related discussion
-
An old chestnut: Scrolling DIVs. Can I use onmouseover/onmouseout?
by Skunk (1 replies)
-
code highlighting using jquery
by pjm (1 replies)
-
Problem when using TemplateField and ImageButton
by mhuff84 (14 replies)
-
dropdownlist for country,state and city
by jack_tom (2 replies)
-
popup window in vb.net... how it's work?..
by yf2009 (6 replies)
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
-
Oct
28
Web Standards Group (Sydney)
North Sydney, Australia
TBA
Very interesting effect. Nice work.
This thread is for discussions of Animate Button.