This article mainly describes how JSDOM achieves the effect of moving the image with the mouse. As long as you place the mouse on the area of the product, the product that was originally folded will automatically expand, if you are interested, you can refer to it frequently. When we browse various web pages, There will be various types of animation effects, as shown in the product display methods commonly used by many online malls, similar Products are displayed on the window side by side. If you want to view details about a product, you just need to hover your mouse over the product area, the collapsed product will be automatically expanded, and the details will be displayed in front of the user. This animation is implemented by combining DOM + JS, today's small exercise is to achieve this effect.
First, implement the Basic page framework in html, and encapsulate the four graphs in a p block named "iner ".
Move the mouse over the page to automatically increase
