jQuery controls the hover effect of images (smartRollover.js)_jquery

The advantage of using js to implement is: if there are many hover effects of images in a website, each one may need to be controlled by css, so the code will be redundant. But with js control, no matter how many pictures there are, the hover effect can use the same js, but it must be ensured that the out/off effects and over/on effects of the pictures are named regularly, such as:
navi01_out.jpg/navi01_off. jpg
navi01_over.jpg/nvai02_on.jpg
This way js control is very convenient. A matching name is found and replaced with another name on hover.

Today I want to use jQuery to control the effect:
The code is as follows:

Copy the code The code is as follows:

$img can be specified by you, you can specify it as other
For example: var $img = $("img.imgover") ; Indicates all images whose img class is imgover
Others can be customized according to your needs. But you must ensure that the pictures are named regularly