Die Detailseitenvorlage des pbootcms-Programms möchte eine mehrteilige Anzeige erreichen. Ich kann es nicht genau erklären.

Question

Die aktuelle Detailseite sieht wie folgt aus:

Wenn Sie sie in eine Detailseitenvorlage wie diese ändern möchten:

, können Sie die Maus auf die Detailseite bewegen und den Inhalt ändern Abschnitt wird angezeigt.

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

Ich hoffe, ein Lehrer oder Meister kann mir helfen, vielleicht gibt er mir einfach Geld

Answer 1

鼠标移动是js效果，你跟着这个模板写效果呀。。 先把样式写好。

下面是鼠标事件，写好样式，在写事件

<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");  });});