pbootcmsプログラムの詳細ページテンプレートは複数セクション表示を実現したいのですが、うまく説明できないのでスクリーンショットを撮りました。

Question

現在の詳細ページのページは次のとおりです:

これを次のような詳細ページのテンプレートに変更したいです:

つまり、詳細ページでマウスを移動すると、変更されたセクションの内容が表示されます。

デモ アドレス: http://www.cssmoban.com/preview/index.html?url=http://demo.kangjingept.com:8020/cssthemes6/zly2021010120_17/index.html&id=17851&tid=20125072756579

先生かマスターが私を助けてくれるといいのですが、お金をくれるかもしれません

Answer 1

マウスの動きは JS エフェクトです。このテンプレートに従ってエフェクトを作成できます。 。最初にスタイルを書きます。

以下はマウス イベント、スタイルの記述、イベントの記述です。

<script type="text/javascript" src="/jquery/jquery.js">< ;/script> ;<script type="text/javascript">$(document).ready(function(){ $("p").mouseover(function(){ $("p").css("背景色 ","黄色"); }); $("p").mouseout(function(){ $("p").css("背景色","#E9E9E4"); }); });