Code used to darken the mouse movement near the image of a Tmall mall Based on jquery

This effect is achieved when our mouse moves closer to the image. Next I will introduce a quick instance based on the jquery mouseover mouseout event, you can refer to the Code for moving the mouse to the dark of the image.

Core code

It's mainly a jquery mouseover mouseout event. Nothing else.

The Code is as follows:	Copy code
$ (Function (){ $ (". Floor-maskItem"). mouseover (function (){ $ (This). addClass ("qq"). parent (). addClass ("hover "); }). Mouseout (function (){ $ (This). removeClass ("qq"). parent (). removeClass ("hover "); }); })

As mentioned above

. Floor-maskItem is the name of the css style. All the changes we want to change are the class = "floor-maskItem", and QQ is our css effect, this is the state in which css defines the image.