Developing high quality website requires small tricks to be implemented. To make visually impressive website you can change image on mouse over specially buttons.
Its just a small code which make change of image on mouseover. Mouseover on image given below:
Add this code in Head tag:
<script>
function change_image(a,target)
{ x=document.getElementById(a);
x.src=target;}
</script>
Define your image path where required.
If you want to add this effect to more images
1. just keep changing ID of your image and pass this ID to function.
2. Define the name of target image to be changed on mouseover or mouseout.
3. Note that on mouseout we have to define default image as target image because on mouseout we want our default image back.