Using jQuery to create a hover effect, jquery creates a hover effect.

Using jQuery to create a hover effect, jquery creates a hover effect.

This document describes how to create a hover Effect Based on jQuery. Share it with you for your reference. The specific implementation method is as follows:

1. Create HTML:

<ul><li><a href="/tv"></a></li></ul>

2. Select the. mainnav class:

$(".mainnav").hover( function () { }, function () { });

3. Create the imgPath variable and specify the image SRC:

$(".mainnav").hover( function () {  // Grab the source  var imgPath = $(this).attr("src"); }, function () {  // Grab the source  var imgPath = $(this).attr("src");  });

4. Find the string off and replace it with on:

$(".mainnav").hover( function () {  // Grab the source  var imgPath = $(this).attr("src");  // Replace the path in the source  $(this).attr("src",imgPath.replace("off", "on")); }, function () {  // Grab the source  var imgPath = $(this).attr("src");  // Replace the path in the source  $(this).attr("src",imgPath.replace("on", "off"));  });

I hope this article will help you with jQuery programming.