(Source code example) is implemented through a layer Div. When you place the cursor over the link, the image and text are displayed.

(source code instance) is implemented through the layer Div. When you place the cursor over the link, display pictures and text
the position of the layer is changeable, the size is changeable, and the visibility is adjustable. This can be used to achieve some special effects, for example, implicit or progressive display.
The following is a layer operation of a mouse event. When you place the cursor over it, the hidden layer is displayed:


Example 1:
move the cursor over the top to display the layer with a border.

note: this layer is bounded

Netease

Example 2:
move the cursor over the canvas to display the layer without borders.

note: this layer has no borders but a background is added, it is simpler to write

I
Netease