C# Tutorials and offshore development in India

Prizes & Awards

My Profile

AdSense Revenue

Active Members
Today

Abhi (65)
Appukuttan (40)
raj krishna (37)

Last 7 Days

more...

New Feature: Community Sites: Create your own .NET community website and start earning from Google AdSense ! It's Free !

Handling MouseOver and MouseOut events with JavaScript

Posted Date: 23 Jun 2008	Resource Type: Code Snippets	Category: Javascript
Author: Kapil Dhawan	Member Level: Gold
Rating:	Points: 4

The code sample is an example that illustrates MouseOver and MouseOut events on images.

The image on which we wish to apply the events would have the following code:


<img border="0" alt="Image" src="images/rollOut.gif" name="imgTest"
width="26" height="26" onmouseover="mouseOver()" onmouseout="mouseOut()">

The javascript functions that handle the above specified events are:


function mouseOver()
{
document.imgTest.src ="images/rollOver.gif";
}
function mouseOut()
{
document.imgTest.src ="images/rollOut.gif";
}

When the mouse pointer is over the image, the image will be rollOver.gif while when it is not, the image will be rollOut.gif.

Responses

No responses found. Be the first to respond and make money from revenue sharing program.

Feedbacks

Popular Tags

What are tags ?

Search Tags

Handling MouseOver event . Handling MouseOver and MouseOver events with Javascript . Handling MouseOver and MouseOut events . Handling MouseOut event . Handling events on Images . Event Handling in Javascript .

Post Feedback

This is a strictly moderated forum. Only approved messages will appear in the site. Please use 'Spell Check' in Google toolbar before you submit.
You must Sign In to post a response.

	Next Resource: Get Browser Language using JavaScript
	Previous Resource: Convert Celsius from/to Fahrenheit
	Return to Discussion Resource Index
	Post New Resource
	Category: Javascript

Post resources and earn money!

Related Resources

dotNet Slackers BizTalk Adaptors Web Design