이 기사의 예에서는 마우스가 Div 레이어 배경 위로 슬라이드될 때 Div 레이어 배경 색상을 변경하는 jQuery 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 구현 방법은 다음과 같습니다. 코드 복사 코드는 다음과 같습니다. jQuery는 Div 레이어를 통과하는 마우스 감지를 구현하여 레이어 배경색을 변경합니다.) <br> .divbox{ <br> 높이:300px;<br> 너비:200px;<br> 배경:#ffffff;<br> 테두리:단색 1px #ccc;<br> 부동:왼쪽;<br> 여백 오른쪽:10px;<br> }<br> .divOver{<br> 배경:#eff8fe;<br> 테두리:단색 1px #d2dce3;<br> } <br> #zztj{색상:#ffffff;}<br> #zztj a,#zztj a:link,#zztj a:방문,#zztj a:활성 {color:#ffffff;}<br> #zztj a:hover {색상:#ffffff;}<br> </스타일><br> <script src="/images/jquery.js"></script><br> <스크립트 언어="javascript"><br> $(함수(){<br> //마우스가 안으로 들어가면 div의 클래스를 divOver<br>로 바꿉니다. $('.divbox').hover(function(){<br> $(this).addClass('divOver') <br> },함수(){<br> //마우스가 떠날 때 divOver 스타일 제거 <br> $(this).removeClass('divOver') <br> }<br> );<br> });<br> <br> </머리><br> <br> <div id="메뉴"><br> <div class="divbox">블록 A</div><br> <div class="divbox">BlockB</div><br> <div class="divbox">블록 C</div><br> </div><br>팁: 미리보기 효과가 표시되지 않으면 <font color=red>이 페이지를 새로고침하세요</font>. 원격 jquery 플러그인이 호출되므로 로드해야 합니다. 실행되기 전에. <br> </본문><br> </title> </div>
