Home / Software / Tips and Tricks / How to create help on mouse over on an image

How to create help on mouse over on an image

Updated:  06/29/2012 07:06 AM
Author:  Shiju Mathews

Status:    Resolved.


On web pages users are expecting help on certain areas. Usually this can be implemented by showing a div area with required help text. When the user 'mouseout' from the image, hide the div.
The main trick is thatm, we need to identify the co-ordinates of the image, to determine where we need to show the help text.

First add 'mouseover' and 'mouseout' events to an image which is using as help icon.

Also add the div in the page


Now it is time to implement the Javascript functions.


If you want to see a woking example visit my web site Sign up page