May I ask how you made the 'Everyone Likes to View” message on the right side of the new Tencent website? _html/css_WEB-ITnose

Good morning, master. On the right side of the new version of Tencent website, there is "Everyone Likes to See". Once you put the mouse on it, the original text title will become a picture and text display.




It is not only very practical, but also very useful. Interesting;
May I ask the experts, what is the principle behind writing this? Can you give me a sample code? Thank you

Reply to the discussion (solution)

Let me give you an idea. There is a hover event in js. Or mouseover and mouseout. When you move the mouse over the text, there is actually a div in the structure that contains what you see when you move the mouse over it, but it is hidden. It will be displayed when you move the mouse over it, and it will be hidden when you remove it. . . . . . If you have any questions, please leave a message on the site

Search theme css pseudo-class

http://www.sharejs.com/js/menu/10460

Case code ~ can be downloaded

Directly search for "mouse over, enlarge display" to find the code, change it yourself, this is the most practical.

Thanks to the experts.