Image Opacity on Mouse Hover in ASP.NET using jQuery
Introduction Download Creating attractive websites is desired by every web developers and this post will add one more feature in your existing web app. Look at the sample screen that we will achieve in this post. In above screen you can see I've hovered my mouse on second image. Now follow the steps to create it. Step 1 Add the reference of jQuery file in head, for example: < script type ='text/javascript' src ="Scripts/jquery-1.4.1.min.js"></ script > Step 2 Now add jQuery method in the head section, for example: < script type ="text/javascript"> $( function () { $( '.myImage' ).each( function () { $( this ).hover( function () { $( this ).stop().animate({ opacity: 1.0 }, 800); }, function () { $( this ).stop().animate({ opacit