EchoEcho.Com Homepage
Web Hosting - As Reliable As It Gets!
   Home > Tutorials > Javascript > Advanced


 Tutorials 
 D-Zine Articles 
 Online Tools 
 Free Resources 
 References 
 Quiz 
 Hosting 

















  Animated Buttons :
THE TECHNIQUE








We place the button on the page as we would have placed any other image on a webpage.

Then we add an onMouseOver event to the image.
The event causes the browser to run a javascript function that will replace the initial image with another image.

Finally we add an onMouseOut event to the image as well.
This event causes the browser to run a javascript function that inserts the initial image again when the user moves the mouse away from the image.

The technique is thus a two step process:

First, you need to add mouse event settings to the HTML tags of the images.

Second, you need to add a script that will be performed when the browser detects the mouse events.

 << PREVIOUS
READ MORE >>  
















DEVELOPER TIP!
FACT:
On the web's 100 most visited sites you will not find a single word that is written outside a table!
TIP:
Use of invisible tables is the most popular method for layout on web pages.





     "Better Than Books - As Easy As It Gets!"


On EchoEcho: D-Zine Articles | Tutorials | Online Tools | Free Resources | References | Quiz | HostingAbout EchoEcho