How to Change the image on mouse over using Jquery

Through the using this code we changed the image on mouse over using Jquery.

Source Code:-

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="JqueryMouseover.aspx.cs"

Inherits="JqueryMouseover" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>jQuery Change Image on Mouseover</title>

$(function () {

$("#imagedetails").hover(function () {

$(this).attr("src", "img/image.jpg");

}, function () {

$(this).attr("src", "img/img2.png");

});

})

</script>

</head>

<body>

<div>

</div>

</form>

</body>

</html>

Out Put:-

Category