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("Background-color","yellow") ; } ); $("p").mouseout(function(){ $("p").css("배경색","#E9E9E4"); });});