How can I change image on hover?

[Danpeking]

Hi, on my SharePoint 2013 site I wish to change an image on the mouse hover over it to a completely different image. I can do this fine in ASP.NET with JavaScript but SharePoint strips out the onmouseover and onmouseout text from my controls. How can I do this otherwise? I've not installed/setup jQuery and would need instructions on how to do that please if that is an offered solution.

[Hitesh Sharma _]

HTML Jquery $('#imageid').hover(function() { $(this).attr('src', '/folder/image2.jpg'); }, function() { $(this).attr('src', '/folder/image1.jpg'); });

[AbuNav]

There will be 2 Parts for this: 1. Css .hover { backgroundImage: "image 2 URL"; } 2. JQuery $( divId ).hover( function() { $( this ).addClass( "hover" ); }, function() { $( this ).removeClass( "hover" ); } );