Library code snippets
Animated Buttons
Here are a few more animated buttons using CSS, Javascript and DHTML to create new more interactive & cool Form Button controls. Remember the code is best suited for only IE-5.5 and above.
<Html>
<Head><Title>Few More ANIMATED BUTTONS.</Title>
<Style type="text/css">
<!--
Body{
font-size:11px;
font-family:arial;
}
.bt2class{
font-weight:bold;
color:#ff0000;
font-size:11px;
font-family:verdana;
filter:wave(add=1);
border-color:#f3f2f2;
}
.bt3class{
font-weight:bold;
color:#ff0000;
font-size:11px;
font-family:verdana;
filter:blendTrans();
}
//-->
</Style>
<Script language="Javascript1.2">
<!--
var ph=0,op=0;
var dr=new Array(0,1,2,3);
function animate(){
bt2.filters[0].phase=Math.round(100*Math.random());
bt2.filters[0].freq=Math.round(20*Math.random());
var tm=window.setTimeout("animate()",200);
ph++;
if(ph>=3){ph=0;} if(op>=100){op=0;}
}
function animatebt3(){
if(animatebt3.arguments.length>0){
animatebt3.arguments[0].filters[0].play();
}
}
//-->
</Script>
</Head>
<Body onload="animate()">
<u>Another Animated Button by Peeyush :</u><br><br>
<Input type="button" id="bt2" name="bt2" class="bt2class" value="BRING THE MOUSE OVER ME."><br><br>
<u>One more for u :</u><br>
Just bring the mouse over the button to see the effect and remove the pointer from the button to cancel the effect.<br>
<br>
<Input type="button" id="bt3" name="bt3" class="bt3class" value="BRING THE MOUSE OVER ME. and wait"><br>
<Script for=bt3 Event=onMouseOver Language="JavaScript">
<!--
animatebt3(bt3);
//-->
</Script>
<Script for=bt3 Event=onMouseout Language="JavaScript">
<!--
location.reload();
//-->
</Script>
<br><br><br><br><br><br><Hr color="#f3f2f2">
© PARI WEB SERVICES™
</Body>
</Html>
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 articles
Related discussion
-
VB.NET: Hide and show table using radio buttons
by converter2009 (1 replies)
-
Java Script, File uploading on ftp server using java script code
by h_c_a_andersen (2 replies)
-
.NET Developer in Ghana Required....
by sysview (0 replies)
-
Problem when using TemplateField and ImageButton
by ashiquemca (15 replies)
-
problem with special characters
by avlisodraude (1 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
-
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.
[1] [/1] Although the buttons work perfectly when put in -as soon as I wrap a hot spot around them they no longer press.Anyone know a way round this,please
I develop webpages using ASP.NET but I don't know what are the files I have to upload in Remote server to view my page in Internet
Please Help Me soon
Thank you for the button code. I've been trying to get a simple button code that works for some time and yours does.
gell
This thread is for discussions of Animated Buttons.