The details page template of the pbootcms program wants to achieve multi-section display. I can’t explain clearly. I took a screenshot of it.

Question

The current details page page is as follows:

I want to change it to a details page template like this:

That is, wherever you move the mouse on the details page, the content of the modified section will be displayed.

Demo address: http://www.cssmoban.com/preview/index.html?url=http://demo.kangjingept.com:8020/cssthemes6/zly2021010120_17/index.html&id=17851&tid=20125072756579

I hope some teacher or master can help me, maybe just give me money

Answer 1

Mouse movement is a js effect. You can follow this template to write the effect. . Write the style first.

The following is the mouse event, write the style, and write the event

<script type="text/javascript" src="/jquery/jquery.js"></script> ;<script type="text/javascript">$(document).ready(function(){ $("p").mouseover(function(){ $("p").css("background-color ","yellow"); }); $("p").mouseout(function(){ $("p").css("background-color","#E9E9E4"); });});